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1.1: Introduction to ASP.NET: 
> INTRODUCTION: 


ASP.NET is a web application framework developed and marketed by- Microsoft to 
allow programmers to build dynamic web sites, web applications and web services. It 
was first released in January 2002 with version 1.0 of the NET Framework, and is the 
successor to Microsoft's Active Server Pages (ASP) technology. ASP.NET is built on 
the Common Language Runtime (CLR), allowing programmers to write ASP.NET code 
using any supported .NET language. l 


Active Server Pages or ASP, as it is more commonly known, is a technology that 
enables you to make dynamic and interactive web pages. ASP uses server-side scripting 
to dynamically produce web pages that are not affected by the type of browser the web 
site visitor is using. The default scripting language used for writing ASP is VBScript, 
although you can use other scripting languages like JScript (Microsoft's version of 
JavaScript). 


» EXECUTION MODEL OF ASP.NET: 


| | 1.Requesting for the first time for .aspx page. | Code 


H Behind 


1 

i 

i 

i 5. Server is providing Response to Client Class 
i : : 

I E 


| | i [ 2. HSacceptthis HTTP request for aspx page. 


Generate 
Page 
Class 


Figure 1.1: ASP.NET Execution Model 
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In the secon 


browser). Web server will search the requested page a a ners aan 
| designer code (in XHTML language) eo pos ASPX" page 
3. Web-page apt NET language) which is stored in .aspx.cs page. P.NET Chging 
and code m " e partial class file to gencrate complete class file. 
ni xcu (merged) class file will be compiled by ASP.NET and compiled versio, 
l 


i in the cache. 
of class file will be stored in : 
5. Web-server now retrieve the class file and send the response to the web-browser, who 


ested the page. . 
copa ] for the same web page, then web-server will retricye the 


i ing again 5 | 
6. i ce pears oe E E page from the cache and give the response to the web. 


browser. 

ASP.NET Framework: 

ASP.Net Framework primarily consists of two main components: 

. Common Language Runtime (CLR): This is a language-independent runtime 
environment of .NET Framework that manages code at execution time. Irrespective of 
what language chooses to develop your application, CLR manages the code for all. 


2. Framework Class Library (FCL): This is a repository of built-in classes and 
interfaces that corresponds to a specific functionality. FCL provides thousands of 


eee CC 


tƏ 


= 


`w 


— 


readily available classes to the website developer, so that developer can make the | 
objects of the classes available in the library and use the functionalities of different — 


classes. This saves lots of time and effort of the developer. 
IIS (Internet Information Server): 


IIS stands for Internet information Server. It is a web-server, use to process ASP.NET 
webpages. IIS web-server comes free as bundle with Microsoft's Windows operating 
systems. 


Nf 


IIS is very rich with features. Most common features provided by IIS are: 
IIS is used to host static websites as well ASP.NET dynamic websites. It can also 


support for an FTP server, host WCF services, and be extended to host web ápplications 
built on other platforms such as PHP. 


d are many built-in authentication options such as Basic, ASP.NET, and Windows 
aut ; The latter is useful if you have a Windows Active Directory environment—users 
can bc automatically signed into web applications using their domain account. Other 
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built-in security features include TLS certificate management and binding for enabling 
HTTPS and SFTP on your sites, request filtering for whitclisting or blacklisting traffic, 
authorization rules, request logging, and a rich set of FTP-specific security options. 


Application pool is onc of the key features of IIS. It also supports remote management. 
IIS can also be managed using the CLI or using PowerShell. You can script everything, 
which is great if you like the power that comes with being able to do so. 


> Features of ASP.NET: 


Compare to classical ASP (Active Server Pages), ASP.NET has include the following 

features: 

64-Bit Support: ASP.NET supports 64-bit supports. If the ASP.NET website is made 

in any 32-bit machine or 64-bit machine, it can be hosted on any IIS based web-server 

without any kind of version conflicts. IIS can also be installed in any system regardless 

it is of 32-bit Windows OS or 64-bit Windows OS. 

ACL Support: ASP.NET provide a support for ACL (Access Control List). Using 

ACL web developers can easily implement security with very less effort. 

New features in ADO.NET: In ASP.NET, abstract layer control is designed. Web 
` developers, just need to drag and drop the control and configure it with very tew wizard 

steps. One control includes connection, data adapter, dataset and command builder as a 

package. This will give freedom to web developer from writing huge amount of code 

managing connectivity with the databases. 

FTP Support: ASP.NET comes up with built-in FTP (File Transfer Protocol) support. 

With this feature, web developers can open the websites into their machines directly 

from the web-server and can do any type of modifications into the web pages on live 

site. 

The New Ping class: The feature of Ping class provided by the ASP.NET is used to test 

network connectivity. 

SMTP Support: ASP.NET supports SMTP (Simple Mail Transfer Protocol). SMTP is 

used to send mail Developers of the website just need to declare the object of 

SMTPClient class, set the host and port property and call send method to send any mail. 


Generics: ASP.NET also supports Generic classes. I 


1.2 Working with ASP.NET: 
> IDE of ASP.NET: | 


IDE stands for Integrated Development Environment. It is a software which provides 
GUI based, easy development environment to the web-developer of ASP.NET websites. 
The IDE used to develop ASP.NET websites is called VWD (Visual Web Developer). 
The features of VWD are listed as below: 

It provides drag and drop interface. 
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|. [thas code editor with rich intelliSens 
«It also has integrated access to SQL Server. 
. [t provides multi language support. | 

. Built in web-server is also embedded in th 
«It supports dynamic compilation. 

. Visual Web Developer has very goo 
° so D ig to validate HTML codes WI! 
It provides built-in code snippets. 


» Coding models of ASP.NET: 
ASP.NET coding models are the methodolo 
application. 

ASP.NET provides two coding models: 

1. Inline Coding Model 

2. Code Behind Model 


[1] Inline Coding Model: l 
> Inline Coding model was introduced prior to the code-behind model. , 


> Inthis model, the code required to implement a web page Is directly placed in the -aSpx 


e Visual Web Developer. 


gies used for writing code in a web 


file on application. 
or drawback of this coding model is that, you need to write the code to 


> The maj at, J 
implement various functionalities of a web application and the HTML code in ; 


common file. 
[2] Code-Behind Coding Model: 


> To deal with this drawback of Inline Code model, ASP.NET 1.0 introduced the code | 


behind model. 

> Inthe Code Behind Model you have to maintain separate code file for each web page. It 
uses concept of Partial classes. ; 

> One file store the code to implement the functionalities of a web page, and other file 
stores the HTML coding of web application. 


7 Suppose that we have created a web page called "default" then in the Code-Behind | 


Model HTML code will be stored in default.aspx file and VB Code will be stored in 
default.aspx.vb file. 


> If the code written in CZ language instead of V - : . 
“default.aspx.cs” file. guag of VB lang. then this code will be stored in 


Yv 


Be coer 
h p^ 1 22 ñ bide 

.aspx 

.aspx.cs / .aspx.vb 


.master 


Master page 

.master.cs / .master.vb 
Web user control .ascx .ascx 

.ascx.cs / .ascx.vb 


Web serviccs .asmx 
_asmx.cs / asmx.vb . 


Code-Render Block: 

Code render blocks are used to write inline code or inline expression inside the .aspx 
page. This inline code is executed by server and displays its output on the client by the 
browser. The code render blocks are represented on a page by <% %> symbols. Code 
present inside these symbols are executed in top-down manner. 


For Example, consider the following code segment, in which we have used loop control 
to increase the size of font in the «Body? tag: 


.master 


«$0 Page Language="C#" AutoEventWireup-"true" 


CodeFile-"Default.aspx.cs" Inherits-" Default" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 


Transitional//EN" 
"http: //www.w3. org/TR/xhtml1/DTD/xhtmll- 


transitional.dtd"» I 
«html xmlns-"http://www.w3.0rg/1999/xhtml" > 
«head runat="server"> 
<title>Welcome Page</title> 


</head> 
<body> 
«form id="forml" runat="server"> 
<div> 
<% int i; 
for (i=0; i<8; i++) 
( %> 
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<font size-"«$-i $»"»WelCome to 


<š š> 
</div> 
</form> 
</body> 
</htm1> 
> Directory Structure of ASP.NET: 


In ASP.NET, there are some specific directories are there, which have some Specifi 
use. Microsoft has suggested to include a specific type of file you need to use Specifi 
built-in directory. The following directories are there in the directory structure 


ASP.NET. 


of 


1. App_Data 

2. App_Code 

3. Bin 

4. App Themes 

5. App. GlobalResources 

6. App Browser 

[1] App. Data: 

» This folder holds the data stores utilized by the application. 

> Itis good to spot to centrally store all the data stores your application might use. 

> This directory can contain .mdf (Microsoft SQL Server files) or .mdb (Microsoft 
Access Files). 

[2] \App_Code: 

> By default, ASP.NET 2.0 provide i i 
code files that are sedisse all ihe eS paabe of ah aplica Page dod 

> Once you add something to A i iti i ( 
complied. Once complied then Vp ^ M ad em M "Sa 

[3] Bin: 

> The code for a specifi ionality i ; 

f ofa Web alien ion deca fea rra ros d Dionis ur c 

7 ASP.NET 1.x supports this method for code sharing. | : 


> The bin directory is similar to App_ 


assemblies of the of the code files, pee ere Ton ep i does die precompiled 
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Life-cycle of Web Pages: 

When thc request is made by the browser for specific webpage, then scries of cvents 
will be fired and number of subroutines will be executed by the server. After receiving 
the request, the page gets constructed in the memory; it is called ‘Initialization’ of the 
page. Once the page is initialized then ‘Load’ event will be fired, where the various 
‘NET controls is placed on the page. After Load event, the gets ‘Render’, In this event 
the .NET server controls are translated in the equivalent HTML controls. The following 
series of events will be executed by the server is called the life-cycle of the ASP.NET 


web page. 

Prelnit - Prelnit is the first event in page li 
and determines whether the page is a post 
applics the master pages, creates dynamic contro 
and gets and scts profile property values. This event can 
OnPrelnit method or creating a Page_PreInit handler. 
Init - Init event initializes the control property and built the control tree. This event can 
be handled by overloading the OnlInit method or creating a Page_Init handler. 
InitComplete - InitComplete event manages view states. All the controls turn on view- 
state tracking. 

LoadViewState - LoadViewState event allows loading view state information into the 
controls. 

LoadPostData - During this phase, the contents of all the input fields are defined with 
the <form> tag are processed. 

PreLoad - PreLoad occurs before the post back data is loaded in the controls. This 
event can be handled by overloading the OnPreLoad method or creating a 
Page_PreLoad handler. 

Load - The Load event is raised for the page first and then recursively for all child 
controls. The controls in the control tree are created. This event can be handled by 
overloading the OnLoad method or creating a Page_Load handler. 

LoadComplete - The loading process is completed, control event handlers are run, and 
page validation takes place. This event can be handled by overloading the 
OnLoadComplete method or creating a Page_LoadComplete handler 

PreRender - The PreRender event occurs just before the output is rendered. By 
handling this event, pages and controls can perform any updates before the output is 
rendered. 

PreRenderComplete- As the PreRender event is recursively fired for all child 
controls, this event ensures the completion of the pre-rendering phase. 
SaveStateComplete - State of control on the page is saved. Personalization, control 
state and view state information are saved. The HTML mark-up is generated. This 


fe cycle. It checks the IsPostBack property 
back or not. It also scts the themes and 
Is will be also placed during this event, 
be handled by overloading the 


Computer World Publication 11 


ment- I (Using Cf) 


ion Develop Í 
ication r method or creating a Page Reng 
Ct 


CC-301 Web App! 
pc ding the Rende 


stage can be handled by overri 

a hase of the page life cycle. It raise 

j hase is the last phas ; Š S th 

e JURE de Madre recursively and lastly for the erue ib. ig. i 
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pet aa be hendled by modifying the OnUnLoad method or creating a age_UnLoad 
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handler. 


icati tion: 
1.3 Application Configura | 
In ASP.NET, there are two files are there to configure EA be "n fist ik 

4 ` , : . ve i $ E 
š lobal.asax file which manages various events i 
eer called web.config file which stores various settings applied on the website 


[1] globaLasax file: 

> The file ‘global.asax’ allows web developer 
on some specific events like, Application Start,, 
Session Start, Session End and so on. i 

> To add ‘flobal.asax’ file, you need to do Right click on the website name in the solution 
explorer, and choose ‘Add New Item’ option. From the ‘Add New Item dialog blox 
you need to select ‘Global Application Class' option and click on ‘Add’ button. 


> There will be only one global.asax file is there for each website. 
> The file ‘global.asax’ has to be in either C# or in VB language. The structure of the 
global.asax file is presented below: : 


to write the code, which will be execut 
Application End, Application Er, 
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void Application Error(object sender, EventArgs e) 


( 


// Code that runs when an unhandled error occurs 


) 


void Session Start(object sender, EventArgs e) 


{ 


// Code that runs when a new session is started 


} 


void Session End(object sender, EventArgs e) 
( 
// Code that runs when a session ends. 
// Note: The Session End event is raised only when 
the sessionstate mode 


// is set to InProc in the Web.config file. If 
session mode is set to StateServer 


// or SQLServer, the event is not raised. 


) 


-> 2 </script> 


[2] web.config file: 


> The file ‘web.config’ is used to store the settings of the website. For example, you can 
add namespace or assembly, to create profile of the user, to set the authorization rules 
etc. you need to modify web.config file. 


>- The file ‘web.config’ is available in the XML (Extensible Mark-up Lanagauge). 


<%@ Application Language="C#" %> 


<script runat="Server"> 


void Application Start(object sender, EventArgs e) . » There can be more than one web.config file is there in any web-site, but in one directory 
( ‘Liothere will be only one web.config file will be there. 

// Code that runs on application startup l > ‘When even you create a new website, then one web.config file will be automatically 
} Sy added in the Root directory of the website. The structure of the web.config file is 


' © presented below: 


void Application End(object sender, Even <?xml version="1.0"?> 
7 tArgs e) 


{ e 


} // Code that runs on application shutdown le Sine 
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For more information Of ie 
application, please E 
http: //go.microsoft.COT 
--> 

<configuration> 


ak/?bLinkId=169433 


«system.web? 
«compila 


ion debug-" false" targetFramework-"4,Qw 
tion 


/> 


«/system.web? 


«/configuration? 


1.4 Common Properties: | ed Titers ass 

1. ID: ID property takes alphanumeric strings, to provide ae identification to the 
control on a webpage. Every control in a webpage has und . | 

2. RunAt: Attribute RunAt indicates, who will process this control, server or client? For 
all ASP.NET controls, RunAt attribute is set to 
processed by server. _ 


3. BackColor: Attribute BackColor specifies the background color of the control. It gets | 


or sets color name or its Hex color code. f 

4. ForeColor: Attribute ForeColor is used to specify foreground (font color) to the 
control. It gets or sets color name or its Hex color code. 

5. BorderWidth: Attribute BorderWidth is used to specify width of the border 
surrounding to the control. It gets or sets integer value. For example, if you set value ‘2’ 
to this attribute, you will get a border of width 2-pixel surrounding to that control. 


6. BorderStyle: The attribute BorderStyle is used to specify style of the border. Possible | 


values to this attribute are None, Solid, Dashed, Dotted, Double, Groove etc. 


7. BorderColor: The attribute called BorderColor is used to specify color of the vorder 


line surrounding the specific control. BorderColor attribute gets or sets the color name 
or Hex color code. 


8. CSSClass: The attribute CSSClass is used to apply cascadending style sheet class to the 


control. It takes CSS class name, and whatever formatting is specified withing the class 
will be applied to that control. 


9. TabIndex: The attribute TabIndex is used to set index number, which is used to focus | 


when user presses Tab. It gets or sets integer number. When the pages is loaded, control 
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with TabIndex 0 will be highlighted, if user presses Tab button, then a control having 
TabIndex 1 gets highlighted and so on. 

10. Font: This attribute is used to set Font for the particular control. You can specify Font 

‘name, size, bold, italic, underline etc. It gets or sets object of font class. 
11. Enabled: The attribute Enabled is used to Enable or Disable the control. It gets or sets 
- Boolean value. If Enable attribute is set to TRUE, then user can interact with the 
specific control at runtime. If Enable attribute is set to FALSE, then user cannot interact 
with the control at runtime. 

12. ToopTip: This attribute is used to set ToolTip for the specific control. It takes string, 
and at runtime when mouse pointer hover, over the control string written in the ToolTip 
attributes will be appeared in a small pop-up. 

13. Text: Text property takes string from the user. String written in the Text property will 
be appear on the specific control. 


1.5 Label Control: 


Whenever you want to modify text, displayed in the page dynamically you can use 
Label. 
For example: 

Labell.Text- DateTime.Now.ToString("T") 


This line on a form load event will change the display of the text at run time, when form 
loads. The additional properties of the Label control are shown below. 


]. EnableViewState: Attribute EnableViewState takes Boolean value. By default, almost 
every control has this property and that is having ‘TRUE’ value. If you set, ‘FALSE’ 
value to this property, then browser will not send the information about specific control 
to the server. In that case server will fetch the information about this control from the 
default property set. 


2. AssociatedControlID: Attribute AssociatedControlID is used to associate label with 
other controls. It takes ID of the other control within the page. Label control is rendered 
as a <span> tag if the AssociatedControlID property is not set. If you are setting this 
property then Label control is rendered in the «label» tag. It is used for screen reader 


type of devices. Side benefit of using this property is by clicking on the label focus will 
be automatically set to associated control. 


1.6 Textbox Control: 


Textbox control is used to take the data from the user in string format. Textbox takes 
data inputted by the user. Following additional and important properties are the of the 
Textbox control. | : 
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kcy to the Textbox con ks 
pol =| AccessKey to N’ for any textbox the 
he focus will be shifted to that textbox, 


i f classes like FirstName, LastN 
: This attribute provides set 0 . I ame 
a ace The pes imputed by the user In the e Me LE class wil 
be recorded at the client side, and will be retrieved automatica^y user input th, 


i i i : nter t 


AutoPostBack: This attribute takes Boolean value from os hs eia value fç 
this attribute is FALSE. If we set this attribute of the tex rco z xs the pag; 
will be automatically posted to the server when focus comes x. 
ReadOnly: This attribute accepts Boolean value and the n value of this attribut, 
is FALSE. If the value for this attribute is set to TRUE, then m cannot make any 
changes into the Textbox, but yes user can sce the text waken in the ini x. 
ttribute MaxLength of the textbox control takes integer value fron, 
lue for this attribute is 0, which means user can enter maximum 
xtbox. If you set the value 10 to MaxLength attribute then 
10 characters into the textbox. 

s for this attribute are SingleLine, MultiLine, Date 


b Application 
AccessKey: It is used to provide ce, 
which will used as a access key. If yo P 


runtime when user press Alt + N, then t 


the user. Default va 
32768 characters into the te 
user cannot enter more than 


TextMode: The possible value u: 
It is used to take multiline input, password, date, vali 


DateTime, Email, Password etc. 


email address etc. The default value for this attribute is SingleLine. 


ntrol. You can use the Literal control to display 
ever, unlike label control, the Literal control js 
ry light weight control does not have any 
formatting features like BackColor, ForeColor, Borderwidth, BorderStyle and so on 
Literal control has limited properties like ID, Text, EnableViewState and Mode. 

Mode: The Mode property has default value “Transform”. Other possible values are 
Encode and PassThrough. If you set any HTML tag in the text property of the Literal 
control and Mode is Encode then that text value will be encoded in such a way that, the 
HTML tag mention in the text property is will be displayed as it is. 


Literal Control is similar to the Label co 
text or HTML content in a browser. How 
not rendered as a <span> tag. It is ve 


1.8 Panel control: 


The pain control act as a container control, which contains other controls like Label, 
Textbox, RadioButton, CheckBox etc. Panel control is mainly used to group other 
controls which are placed inside the Panel control. If you set Enabled property of the 
Panel control is FALSE then all other control which are place inside.the. Panel control 
will becomes non-operative of the user. Similarly, if you set Visible property of the 
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Panel control is FALSE, then all controls placed inside the panel control will not be 


visible to the user at runtime. 


The other use of thc Panel control is to generate other controls at runtime. The 
following code on the click event of the button will add a Textbox control within the 


Panel control at runtime. 


protected void Buttonl Click(object sender, EventArgs e) 


( 
Label 11 = new Label(); 
TextBox tl = new TextBox(); 
11.Text = "Enter Your Name:"; 
Panell.Controls .Add (11); 
Panell.Controls.Add(tl); 

J 
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Web Application Develo 


Question: 1 Answer in short: 


What is ASP? 
2. Why HTTP is 
3. List all features of ASP.NET 

4. List all features of ASP.NET IDE. 
5. Explain Literal control 
Question: 2 Explain following P 
1. AutoPostBack (TextBox) 

2. MaxLength (TextBox) 

3. TextMode (TextBox) 

4. Mode (Literal) 

5. EnableViewState (Label) 


uestion: 3 Answer in brief: 
: 1. What is ASP.NET? Explain execution model of ASP.NET webpages. 


2. Explain the life cycle of ASP.NET webpage. 

3. Explain Global.asax and web.config file in brief. 
4. Explain built-in directory structure of ASP.NET 
5 
6 


-b 
. 


called stateless protocol? 


roperties: 


. Write a short note on coding model of ASP.NET 
. What is code render block? Explain it with an example. 
7. Explain the use of Panel control. 


Question: 4 Answer the following MCQs: 


Q:1 Web user control file is saved with extension. 

(A) .aspx (B) .asmx 

(C) master (D)  .ascx 
Q2 |. | | Á, Á Jisalight weight control, similar to label control 
with no formatting features. 

(A)  Textbox (B) Calendar 

(C)  FileUpload (D) Literal 
Q:3 ASP.NET Build-in directory is used to pre- 
compiled store class files. ; 
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(A) X App Code (B) App. Data 
(C) Bin (D) App GlobalResources 
Q:4In coding model two separate files, one for 


coding and another for HTML designing is maintained. 
(A) | SeparateFile coding model (B) Inline coding model 


(C) | Code-behind model (D | HTML VB coding model 
Q:5 web server is used to run ASP.NET web 
pages. 

(A) IS (B) Apache 

(C | Sun One (D) Ubuntu 
Q:6 .NET Framework consists of CLR and 

(A) FCL (B) CLF 

(C) MSIL (D) IL 


Q:7 IDE stand for 
(A) Information Data Encryption 
(B) Integrated Development Environment 
(C) Information Data Enterprise 
(D) Internet Data Encryption system 


1. D [.ascx] 

2 D [Literal] 

3. C [Bin] 

4. C [Code-behind model] 
5 A [IIS] 

6 A [FCL] 

7 B [Integrated Development Environment] 


Oooo 
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WK 


N 


7] MD HET Fropty Wee St . : Vrust CF 

Pro :1 sued (First name, Last Name | KA ADNE Dynamik Dats Entities Vieb Ste Casca 

: vin 4 Tex e clic ’ i gy ASP HET Dynamic Data Lang to SIN Wet Ste Wave C^ 

Design .aspx piee ae : ration on the page. On E even of eae aii 

Email and james be redirected on another p ther : cag 4 ; = ASP NET Reports eb Ste "— 

the button user AutoComplete capability. On M A oun User [ 39 eni e dass "o 
Textboxes jmd ‘ct name, Last name, Email, T k "n eh oe 
oui ‘autocomplete by pressing ees y. id ye BY eneh i 
1 . H 
DUE (Demo of AutoCompleteType property | I ; U 
à ion ; i 

e Open the Visual Studio, Click on File Menu, Select New -> Website op | asshownin K^ — | - m E EU MT 


the following figure. 


cost e d ian i i = ° Now Right Click on the WebSite in the Solution Explorer and choose option “Add New 
d Set. Item” as shown in the following figure. 


fw guts euet. patak d A 
: CMS Pages Daye dred 
imetnik De 


Sour api 
fares Com iR pe 


y yeye... 


Vecevátitez 0 eq 


° Now from the dialog box, Select C#.NET from the Language option and select 
“ASP.NET Empty Website” from the Template. Click on OK Button. 


a ERST MEE x p SES e CLIE 


T vm 
"p 


° Now from the dialog box, select option Web Form and click on “Add” button. This 
action will add one web page called ‘default.aspx’ to your web site. 
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CC-301 Web Applicatio ELETTEL 
Seda R pam " PNA AAEE AAA 2. | 
Vero AHHH SY SANT MMPI 
LIN S N We vou . | 
A toon for Virè Appheolicnt : 


i sg Mode! 
a ADOMI fatty Dots 
Í ES poner iuecent Gort 
E Apa NET Se Wocting itey Gern 
OD 


i YS Aniaesed not sores 


DX 


i 

F 

: on 
E: Chn Dog: 


e, click on the Design tab (See at the bottom 
‘Split’, ‘Source’. Now click on the Table 


: d 2 in Columns and click 
menu, select option “Insert Table Rows and 4 on OK 
e This vil add a table with 4 Rows and 2 Columns 1n to your web page. 
Place 4 Textboxes in each row of the table in the 21d column. 
» “LastName”, “Phone” and "Email" in each row of the 1* column, 


Type “FirstName”, 
Place a button on the bottom of that table. Select the button and change its Tex 


property to-"Submit" as shown in the figure. 


To open the Design mode of the webpag 


. S 3 
side three options are available, Design, 
” Enter 4 in 


t5 WERN] - Khcrozoft Visual Sude 


| | 000000000 s 


Wa ore findet eer maqta Pies StU en CIEL hey mere nson 
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e Now select Textbox! and set the AutoCompleteType property to “FirstName”, select 


Textbox2 and set the AutoCompleteType property to “LastName”, select Textbox3 and 
scet the AutoCompleteType property to “Cellular” and -finally set the 
AutoCompleteType property to “Email” for Textbox4 as shown in the following figure. 
Add another web page by doing right click on the website (in the solution explorer), 
choosing ‘Add New Item’ option and by clicking on the OK button. This will add 
another page to your website called ‘Default2.apx’. 

Design the Default2.aspx in the same as you have designed Default.aspx by taking 4 
textboxes. Make sure in this web page you do not have to add button. Set the 
AutoCompleteType property of all 4 textboxes to “FirstName”, “LastName”, “Cellular” 
and “Email”. 

Now double click on the button we have placed on the Default.aspx web page, and add 
the following code on the click event of the button. 


Response. Redirect ("Defaultl.aspx") ; 


Fest Nem 
‘Last Name: 


TextBox’ System Web UlWertontaliethex — 


AnP tone 

MIL {Disabtes 
Ponieok [Cetuler 
Penh Srym [Company 
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sing Ctrl + F5), add the detail, | CC-301 Web Application Development- I (Using C£) 

d Email address. Click on the «20 Page Language-"C£" AutoEventWireup-"true" 
CodeFile-"Default.aspx.cs" Inherits-" Default" t» 


t- 
CC-301 Web Application pd 
° Now, run the default.aspx in the web dedii 2 Ps ———— 
such as FirstName, LastName, your mobile 
Submit button. š 
« Browser will navigate you to D 
LastName, MobileNo and Email. Yo 
the data you have entered in the default.aspx ` iy fille 
can press enter and the details will be automatically 


efault2.aspx. Now try to type same FirstNam 
u will observe that when you enter first characte, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
ara Transitional//EN" "http://www. w3.org/TR/xhtml1/DTD/xhtm11-. 


will be appe I 
d in the textbox. transitional.dtd"> 


«html xmlns="http://www.w3.org/1999/xhtml"> 


Program : 2 : eb page having differ 
eee s PS ein tr Sorda Runs uui color, font «head ae t-"server"» | 
color, background color etc. Place two buttons and a ie On th «title»CSS Demo:</title> 
iaspx page. On the click event of the first button one class will «style type="text/css"> 
be applied to the label and on the click event of the second button .Stylel 

o the label. (Changing appearance of th, í 


apply second CSS class t 
label at run time using CSSClass prop erty). background-color : Yellow; 


e Create a new empty website in the Visual Studio and add Default.aspx page to the color: Blue; 


website. By default, the page will be opened in the ‘Source’ mode. ' borderi'cpx' Solid red; 
° Create 2 style sheet classes in the head section as shown below. Click on the “Design: ] 

to change the mode of a web page from ‘Source’ to ‘Design’. .Style2 
e "Place a label and 2 buttons on the web page. Change the text property of both the [ 


background-color : Aqua; 
color: Blue; 
border: 2px Dashed Black; 


buttons to ‘Style’ and ‘Style2’ as shown in the figure. 


© @ CS Dene: i 


C Ó Olabisi. w0 G d Gi) 
s Apps [v] Gm2} E Yodluhe SF Maps Np Translate </style> 
ase niea pines Gbnnigsdisbobocesdadasinaabeathbaticacescapalenidensdiceakess P AEE IEEE TE ER EE ARERIA EEEE IE N AARET RNE = T R TERES </hea d> 
Label 
<body> 
f Syle1 11 Style2- <form id-"forml" runat="server"> 
<div> 


<asp:Label ID-"Labell" runat="server" 
Text="Label"></asp:Label> 

<br /> 

<br /> 


° The source code of the web page is given below: 


Computer World Publication 24 ——————— Computer World Publication 25 


C#) 
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p ication din t="server" "a 
n 


" runat 


</body> 
</html> 
Open the web page in 
procedure called “Butto 
following code. 


double 


click on the Buttonl. It wil] Open th 
the Cli 


i de, t 
the design MO ck event of the “Button” write i 


nl Click". On 
Labell.CssClass ^ "Stylel"; 

on the click event of the button2 add the following code. 
Label2. CssClass = "Style2"; 

ur default.aspx.cs file will be: 


In the same way 


After writing the code, yo 
using System; f 
using System. Collections.Generic; Ex 
using System.Linq; 
using System.Web; 
using System. Web.UI; 
‘using System.Web.UI. WebControls; 


public partial class Default : System. Web. UI. Page 


í i . 
protected void Page Load(object sender, EventArgs e) 


í 


] 
protected void Buttonl Click(object sender, EventArgs e) 


{ 
Labell.CssClass = "Stylel"; 


] : 
protected void Button2_Click(object sender, EventArgs e) 
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Labell.CssClass - "Style2"; 


) 


Run the web page by pressing Ctrl+F5 key and click on the button. It will apply the 
stylel to the Label. Now click on the Button2 it will apply style2 to the Label. 


Program : 3 

Design a class file having two methods to do sum and 
multiplication, which takes two arguments. Design a web page 
having two textboxes to take integer number from the user. Place 
two buttons to invoke sum and multiplication method. Print the 
resultant value in the label control placed on the web page. (Use of 
App. code directory). 

Create a new web site using Visual Studio, and Add a default.aspx page to the web site. 
Now Right click on the website in the Solution Explorer and Choose option: Add 
ASP.NET Folder -> App_Code. 

This will add a ditectory App_Code to your website. Usually this directory is used to 
store the (code) class files of the website. 


ion) Solution 'WebSite42' (1 project) 
iis] App_Code 

» Í] Default.aspx 

Ex web.config 


SEXT I ES. Team Ex... - Eg Class View 
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` Development- 
-301 Web A plication ion “Add N i 
cas the App. Code directory and clot ah dialog box, chance T C091 Web Application Development- (Using Cf 
e Now Right Click on the - “Add Nev , Se o... ; ; 
DU LC en tha dialog box. From the -, the example v Dig // TODO: Add constructor logic here 
action will open the dialog ur class file. Here 1n ple we have Biv // 


Class. Give a proper name to ye 


* Arithmatic.cs" class. } 
i WebSitedA . . A 3 Num2 
i: ' ' ual Studio 201 WebSiterh ublic int sum(int Numi, int Num2) 
| asd Nee ten - aena unnm 4 
baiieifempules l SS petat: Š 
cane ree ne | t (Numi + Num2) 
N ADONETEntRyObject Gener. Visual C? An empty class declaration | return um umzJ ; 
J 
Tracking Entity. Visual C* ' I I ! 
PON apaia public int multy(int Numl, int Num2) 
i 
i SS AJAX-enabled WCF Sevice Visual C7 í 
i — 
i ! APA return (Numl * Num2); 
E $2 Browser File Visu 
i : ] 
P ] 


e Now goto the the default.aspx page page and design the page by placing 2 Textboxes 
and 2 Buttons as shown below. 


| t6 XebSite22 - Microsoft Visual Studic _ a x i 


This action will add the class “Arithmatic.cs” to your wenera in. the App_Code 

directory. Now create two methods called ‘Sum’ and ‘Multy’ in this class file as'show 

below. er First Number: p ooo 1 [| Y Solution vrebSieet2 (1 project) 
U ; I E! 5 | |> cs rosacea 

using System; : 4 "NN PE. Wikus, 

using System.Collections.Generic; 

using System. Linq; 


using System.Web; ` | Ey pe E: 
/// Summary description for Arithmatic DESC Rhe d oe 
! 
/// </summary> | ° Double click on the ‘Add’ button and write the following code on the click event of the 
š | button. 


public class Arithmatic 

f e 
public Arithmatic() | f 
( 


protected void Buttoni Click(object sender, EventArgs e) 


Arithmatic obj = new Arithmatic(); 


Th int ans: 
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Development 
CC-301 Web edt .ToInt16( TextBoxl. Vus 7 
ans = eb; S 2. Text))/ 


E + convert. ToString/(ang) , 


Convert. Toint16 (TextBox: oe 


Response. Write ("sum 


} 


e Similarly, double click on th P 
“Multiply button write following code. 


button ‘Multiply’ button. On the eliele event of 4 
c e 


(object sender, EventArgs e) 


protected void Button2 Cli ck 
I . d . 
Arithmatic obj = new arithmatic () 7 
int ans; 


ans = obj. multy (convert. ToInt16 (TextBoxl. Text) 
Convert.ToIn tl6(TextBox2. Text)): f is 
lication iS: + 


Response.Write ( "Mul tip 
Convert. ToString(ans)); 
} 


e Save and run the web page enter any two numbers i 
“Add” button. You will get the following output. 


: 8 lozelkost50130/WeESitedZ/Defo X 


| iS Apps M1 Gms f€ YouTube Ef Maps Ey Transiate 


° Now click on the “Multiply” button. You will get multiplication of both numbers. 
Program : 4 
Create .dll class library file havin 
E 2 classes and each class has at 
least two methods. Add the .dll file into the ASP.NET website. 


Design a web page to invoke the methods of .dll files. Use 


appropriate textb | 
dice. oxes, label and button controls (Use of Bin 


n the Textboxes and click on the. 


CC-301 Web Application Development- I (Using C#) I 

[n this question first we need to create .dll file. So, first we will discuss how to create 
dll file. Dynamic Linked Library (.dll) file is a library (namespace) where one or more 
class files are there in thc compiled form. 

In the previous question we have built a class file (.cs), which was not compiled file. 
Any person can open that class file into the Notepad kind of editor and can see the code 
written in that class file as well user can also do modification in it. 

Dynamic Linked Library (.dll) files are precompiled file, user can not see the coding 
which is written under it as well as user can not do any kind of modification in it. To 
build .dll file open Visual studio and select option File->New->Project. 

Now from the “New Project” dialog box, Select C#.NET language, “Class Library” 
project template. Give a name to your library to “MyArithClsLib” as shown in the 
following figure. Click on OK button. 


New Project 


Recent Tempistes : 


"Online Templates: 


-i Aproject for cresting a C class ibrary 
(<I) 


ASP.NET MVC 2 Web Applicat Visual C? 
Sitverfight Application Visual C 


Visual C# 


š A Silverlight Class Library 


This will create a new Class Library which will have one default class that is Class1.cs. 
Now from the solution explorer, rename that class from  "classl.cs" to 


“SimpleArith.cs”. It will show following message. 
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rename in this p! 


"Class1? ^» 


elige — 
lication Dev clopn — x 
CC-301 Web Appl! — x 
[MicrosoR Visual Studio 
i rform a 
u also like to pe 
«an a file, Would YOu Tag the code element 
Sy You are renaming 3 of all references 
| oject | 
f 


TD : H : SN IND , i 
Click on Yes button. Now add two methods ‘Sum’ and ‘Subtract’ to this class file 
° ck on Yes button. | 
Write the following code to the class file. 
using System; 
using System. Collec 
using System.Linq; 


using System.Text; 


tions. Generic; 


namespace MyAri thClsLib 


i public class simpleArith 
i public int Sum(int Numi, int Num2) 
( 
return (Num1 + Num2); 
] 
public int Subtract (int Num1, int Num2) 
4 
return (Numl - Num2); 
] 
J 
J 


° Ps r aE M MARC in the solution explorer, and choose option 
ew Item. From the dialog box of *Add New Item", select i 
name “AdvArith.cs”. Click on the OK button. da uu ar 


e Now write the following code to the file *AdvArith.cs" class file 


Lad 
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using System; 
using System.Collections.Generic; 


using System. Linq; 
using System. Text; 


namespace MyAri thClsLib 


( 
public class AdvArith 
{ y . 
public int Multy(int Numl, int Num2) 
( 
return (Numl1 * Num2); 
} 
public int Divide(int Numl1, int Num2) 
( 
return (Num1 / Num2); 
] 
} 
} 


Once the code is written click on Build menu and select option “Build Solution" 
(ctrl+Shift+B). This action will compile the Class Library and build the .dll file for you. 


Once you will get the message that “Build Succeeded”, close the project. Now from the 
My Computer you go to that location where you have created this project solution. 


lien Punwieuo 458 
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e Ifyou goto... \Project 
able to get MyArithCls 


e Now open the Vis 
and choose option “Ad 
a Bin directory to 


paste that MyArithClsLi 


e Now add a web page called default 
exactly in the same way as we hav 
Take 2 Textboxes and 2 Buttons as 5 


° WebSites - Microsoft Visual Studi 


n 
CC-301 Web Applicatio p\MyArithCIsL 


website. Right click on the f 
list click on Bin. This w; 


| Studio again aiia 
bu: NE lick on the Bin ditector , 


your solution explorer. 


Develop 


s\MyArithClsLi 


Lib.dll file. COPY this file. 


d ASP.NET Directo 


b.dll file. 


ment- 


te a new 
and crea , From the 


Now Right C 


I (Using C£) 
ib\bin\Debug path you will}, 


SS a Twebsiteds’ (1 project) 


L Sol 
s Qv AWe 
"Bin: 


bSite45 


f 
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aspx to your website and design the web pag 
e designed the web page in the previous question 
hown in the following figure. 
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e Now add the following code on the click event of both buttons: 


using System; 
using System.Collections.Generic; 
using System.Ling; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 


public partial class - Default : System.Web.UI.Page 


( : 
protected void Page Load(object sender, EventArgs e) 


( 


} 
protected void Buttonl Click(object sender, EventArgs e) 


{ 
MyArithClsLib.SimpleArith obj = new 
MyArithClsLib.SimpleArith(); 

int ans; 
ans = obj.Sum(Convert.ToIntl6(TextBoxl.Text), 


Convert.ToInti6(TextBox2.Text)); . 
Response.Write("Sum is:" + Convert.ToString(ans)); 


J 
protected void Button2 Click(object sender, EventArgs e) 
{ x 
MyArithClsLib.AdvArith obj - new 
MyArithClsLib.AdvArith(); 
int ans; : 
ans = obj.Multy(Convert.ToIntl6(TextBoxl.Text), 
Convert.ToIntl6(TextBox2.Text)); 
. Response. Write ("Mul tiplication is:" + 
Cuuvert.ToString(ans)); 
J 
] 


Now run and test the web site. 
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t= 
Enter First Number: = 


Sum is:12 


Enter Second 


Number: 


Program : 2s whic umber of visitors of a page in M 
a 

Cuing global asax) > 

a new “ASP.NET Empty ec: 

website in the solution explorer and c $ 

e “Add New Item” dialog box will be appeareo, 

as shown in the following figure. 


h will show 1 


^ using Visual Studio. Now right click o 
e option * Add New Item". 


and choose “Global Application Class” 


D the 
e Create 


WebSite ? 


EPA 
VISITER RAARI Stet 
pe 


2 


A class fot handling Web Application 
events 


; Li 


Visual Ct 


Visual C£ 


8, LINO to SOL Classes Visual Ct 


Preprocessed Text Template — Visual CF 


DNDN ENTERING! 


ag — * 
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e Click on Add button, this will add a file called “Global.asax” to your website. This file 


contains various subroutines like "Application Start", "Application Error", 
^ Application End", "Session, Start" and "Session End". Add the following code to this 


file. 
«$8 Application Language="C#" $5 


«script runat="server"> 


void Application Start (object sender, EventArgs e) 
( 

// Code that runs on application startup 
Application["users"] = 0; 

) . 

void Application End(object sender, EventArgs e) 

( 

// Code that runs on application shutdown 


] 


void Application Error(object sender, EventArgs e) 
f 


// Code that runs when an unhandled error occurs 
] 

void Session Start(object sender, EventArgs e) 

( 

// Code that runs when a new session is started 


Application["users"] = 
Convert.ToInti6(Application["users"]) + 1; 


]): 


void Session End(object sender, EventArgs e) 
( 
// Code that runs when a session ends. 


// Note: The Session End event is raised only when the 
sessionstate mode 


// is sét to InProc in the Web.config file. If session 
mode is set to StateServer 


// or SQLServer, the event is not raised. 
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. " 28] t S - — " 
Application("users ..  ,;gp["uSeT mnc i = 
Convert. ToIn t16 (applica @ localnost61362/WebSite45/Deí; X + 
] i > , Ln" — — — = . 
arin ur website, by doing Right Click on the wap € > CO Obahoresew m d & = © | 
x to yo ? option. Place a t _ 
° Now add a web pase pe e ing “Add b T open Page Load" d On { ; £5 Apps PA Gmail: € YouTube E! Map; e Translate C » 
from Solution Exp oret, an b page it V < Outin “RL EAEE AEE M E N A T aa e a= > 
web page. Now double click on the we a cien! of the default.aspx web page. e. wakna asa 


Write the following code to the “page_Lo 


using System; f 
using System. collection 
using System. Linq; 


Program : 6 


i System. Web; l ! . . 
D ^ tein. Web. UI; Design a webpage which has textbox and a button. User will enter 
E MEIN UI. WebControls/ his/her name in. the textbox. On the click event of the button 
using System.Web. U1. name of the user and current date time will be displayed on the 
. Eos . syste". Web. UI. Page title bar of the web page. (Using Literal control). 
public partial class e Create a new “ASP.NET Empty Website” using Visual Studio and add default.aspx 
( ; b to the website. Place a Literal control and Button by drag and drop to the 
; ct sender, EventArgs e webpage to the w i y drag p 
protected void P age Load(obje j i . “Source” of a web page as shown below. 
( B ' e Make sure you need to put “Literal” control between «Title» and </Title> tag, in the 
Labell.Text = "There are < < " ; ` head section of the web page. Place a button on the web page and change its Test 

I , Ñ + 2 š e š 
Convert.ToString(Application ["users"]) a Me uoi Property to “Click Me and See in the Title bar" 

] 
F ; ⁄ i «$80 Page Language="C#” AutoEventWireup-"true"^ 


owsers as shown and observe the output. CodeFile-"Default3.aspx.cs" Inherits-"Default3" %> 


- e Runthe'web page into two separate br 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 


[] -lochas x 
ae transitional.dtd"» 


€ On A € localhost. xx Loe 
D) Gmait [* YouTube [) Maps D Translate E : v ed : s «html xmlns-"http://www.w3.org/1999/xhtml"» 
ete are 2 are active 


«title» 
<asp:Literal ID-"Literall" runat-"server" 
Text-"Literal Demo”></asp:Literal> 
«/title» 
«/head» 
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jo « runat-" Set ver'? Program : 7 
<form ide"form! © Create an application Hit counter, which count the total number of 
«div» , users visited the page. (Using global.asax). 
| vguttonl" runat-"server e Create a new “ASP.NET Empty website" using Visual Studio. Right Click on the 
website in the solution explorer and global.asax file (As we have included in the 


: D- 
«asp: Button I ; r” /? 
š tle ba 
Text-"Click Me and See T Program:5). 


Write the following code on the Application Start event and Session Start event in the 


</div> 

</form> 
</body> 
</html> 
Add the following code on the click ev 
using System; : 
using System.Collections. 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI. WebControls; 


ent of the button, as shown below: 


Generic; 


public partial class Default3 : System.Web.UI. Page 


{ 
protected void Page_Load (object sender, EventArgs e) 
( 
] 
protected void Buttonl Click (object sender, EventArgs e) 
( 
Literall.Text-DateTime.Now.ToString("T");. 
} 
} 


e Run the application, and see in the tile bar of the browser. You will get the text "Litera 


Demo”. Now click on the button you have placed on the web page. After a click again 
see the title bar of the browser. You will observe that instead of “Literal Demo”, system 
date and time in the title bar of the browser. 
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global.asax file. 
«$8 Application Language- "CH" $5» 


«script runat="server"> 


void Application Start (object sender, EventArgs e) 


{ 
// Code that runs on application startup 


Application ("Cntr"] = 0; 
} 


void Application_End (object sender, EventArgs e) 
( 


'// Code that runs on application shutdown 
) 
void Application Error(object sender, EventArgs e) 


( 


// Code that runs when an unhandled error occurs 


} 


void Session Start (object sender, EventArgs e) 


{ 


// Code that runs when a new session is started 


Application["Cntr"] = 
Convert.ToIntl6(Application["Cntr"]) + 1; 


] 
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‘a a session enas e Run the default.aspx web page in the browser by pressing (Ctr-F5) keys. You can sce 
| If you close the webpage and run 


" when " a oe ° ” 
that I ns. event is raiseq "This website has been visited for 1 times” message. i } 
x Moe he $0551 on End dnd Hh. it after some time, you will notice that the counter will be increasc in cvery fresh run of 
RUE i ' he web 
; ode t . conf. ; the web page. 
the sessionstate P» in i Web.config file. It Pops is 
// is e teServ ; . Ç uo 
ssion mode iS set tO dk event iS not raised, Take to linkbuttons showing ‘New Member’ and ‘Existing Member’. 
u // or SQLSer ver, the When user clicks on the ‘New Member’ link button panell becomes 
visible, having user name, password, confirm password and email 
; ' | as inputs. When user clicks on ‘Existing Member’ link button then 
</script> only panel2 becomes visible having user name and password as 
inputs). Set proper property of the textbox to mask the password. 


.. i ight Click on th . 
ebtite by doing Rig € website ; 
e to your website, ". From the di © in i . 
I D = hu s choosing option Add jo pan TOP tel dialog box of e e Create a “ASP.NET Empty Website" using visual studio and add a webpage 
Ne Ü "i "Ska «web form" and click on Add" button. default.aspx by doing Right Click on the website in the Solution Explorer and choosing 

Vibes option “Add New Item", select “web Form" option and click on “Add” button. 
Place two link buttons on the web page from the ToolBox. Change the Text property of 


d a defulat.aspx P3. 
eft side) to change t ae ; 
the first LinkButton to *New Member”? and second LinkButton to “Existing Member'. 


b page from the ToolBox. 
it will open *Fom. Load" event. On the Form |j, 


nee ge to your website. Now clik on y 
° s dn Moto he mode from “Source” to Design” Phe 
appear É 


label control on the we 


e Now double click on the webpage, 
event write thc following code. 


Now, add panel control from the ToolBox and insert a table in the panel control using 
Table menu. Table should have 4 rows and two columns as shown in the figure. Write 
*UserName", "Password", “confirm Password" and "Email", in 4 rows of the 1* 
column. Place 4 textboxes in each row of the table in the 2™ column. 


Select the textboxes we have taken to accept password and confirm password and 
change its TextMode property to "password" from the property window. 


using System; 3 
using System. Collection 
using System. Ling; 
using System.Web; 


s,Generic; i 
e 


After table, add a button control and change its Text property to "Register". 
Now add another panel (panel2) to your web page, and inside this panel add table with 


using System.Web.UI; 
using System.Web.UI.WebControls; ° 
s : 2 rows and 2 columns. In first column of the table you need to write “UserName” and 
, l “Password” in each row of the table. In the second column you need to place 2 
public partial class _Default : System. Web.UI. Page ' textboxes one in each row. Select the textbox which we have taken to accept the 
[ password from the user, and set its TextMode property to “password” from the property 
protected void Page Load(object sender, EventArgs e) window. 
( ; i e Place one more button in the panel2, and change its Text property to "Login". Set the 
visible property of “False” for both panel controls. 


sins: ponent Tert - "This website has been visi ted for s 
onvert. q . : Ç 
enadi ToString(Application["Cntr"]) + "</B> 
} 
} 


eet =Ë 
Co ; 
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i eo Wes T 
EEN ws Wax < Z ty | í 
i | f width: 131px; 
} 
.style4 
( 
width: 142px; 
} 
</style> 
ical | T d eee </head> 
Libel eid š F <body> 
Linkfutten Me = ZI. UL Wye < 3 
LiaBox pitan =m] AR ZZ ; b <form id="form1l" runat="server"> 
seen HOT T & di <div> 


P; Literal 
Localize . * tope veste ue ese. cto 
Multiview U^ EN à 
Pand siege ist oaae "l ; 
wap — ED em | í 7 runat="server">New Member</asp:LinkButton> 
— š: A &nbsp;&nbsp; 

«asp:LinkButton ID- "LinkButton2" 
runat="server">Existing Member</asp: LinkButton> 


<asp:LinkButton ID= "LinkButtonl" 


* . ° ll . j 7 


e="C#" AutoEventWireup= "true" 


«$0 Page Languag 
CodeFile="Default.aspx.cs" Inherits-" Default" $» M RC MER 
, «table class-"stylel"» 
«!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 sss 
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm]] 
transitional.dtd"> i | <td class="style3"> 
UserName: </td> 
: <td> 


<asp:TextBox ID="TextBoxl " 


«html xmlns-"http://www.w3.0rg/1999/xhtml"» 
runat="server"></asp:TextBox> 


<head runat="server"> 
<title></title> ¢ /td 
« > 
<style type="text/css"> - </tr> 
.Stylel : ; | N 
2 l <tr> 
( 
EDD «td class="style3"> 
: ; Password:«/td» 
.Style3 Fr 
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1 Web Application .TextBox ID= eee ON 


— — CC30 ae 2 "texts 
runat="server" rextMode="Password »«/asp: ox» 
</td> 
</tr> 
<tr> 


<td class="style3"> 
Confirm Password:</td> 


<td> 


<asp: TextBox ID= "TextBox3" 


! š 
runat="server" TextMode="Password"></asp:TextBox> 
</td> 


</tr> 
<tr> 
<td>Email</td> 


<td> 
<asp:TextBox ID="TextBox6" 


runat="server"></asp:TextBox></td> 
</tr> 
</table> 


<br /> 
«asp:Button ID="Buttonl" runat="server" 


Text="Regis ter" /> 
</asp: Panel» 
<asp: Panel ID="Panel2" runat="server" > 
Visible="False"> 
«table class="stylel"> 
<tr> 
<td class="style4"> 
UserName: </td> 
<td> 


«asp: TextBo =" 
runat="server"></asp: TextBox> x ID="TextBox4" 


</td> 
</tr> 
< tr» 
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<td class="style4"> 
Password:</td> 
| <td> 
<asp:TextBox ID="TextBox5" 
runat="server" TextMode="Password"></asp:TextBox> 
</td> 
</tr> 
</table> 


<br /> 
<asp:Button ID="Button2" runat="server" 


Text="Login" /> 
«/asp: Panel» 
</div> 
</form> 
</body> 
</html> 


Now go back to design mode, and double click on the LinkButtonl and write the code 
which is given below, similarly double click on the LinkButton2 and write following 


code on the click event of the linkbutton2. 
using System; 

using System.Collections.Generic; 
using System. Ling; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 


public partial class Default : System.Web.UI. Page 
{ I 


protected void Page Load(object sender, EventArgs e) 


í 


} 
protected void LinkButtonl Click(object sender, 


EventArgs e) 
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{ visible = truer ZZ; |Z Z: D Š x 
Panell.V19- - false; Í @ lecshosti402/MebSRedE/Deto, X — + = : 
pane12. Visible 4 ' p 
kButton2 Click (object sender, € > C Ó O tocathosetz02pwebsi.. o we * Q: 
° ; u fle ' 
protected void ban H Apps MA Gma? ER YouTube @F Maps By Translate » 
EventArgs €) AKA enim om = E f 
( lse; New Member Existing Member 
panell.Visible = false, UserName: [kamesh i 
pane12. Visible = true; = | 
] 
| | Pr 9 
! ogram : 
e Now run the web page in the browser by pressing RUN a Design .aspx web page which prints “Gujarat University" for 5 
Member" and "Existing Member". . times, each in a new row with increasing font size by 1 each time. 


You can see two link buttons “New 


ew Member" then pane (Use loop in cf using code render block). 


e Create a “ASP.NET Empty Website” using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option "Add New Item", select “web Form" option and click on "Add" button. 

e Now write the following code to the source code, run and view your webpage in the 
browser. 

«$0 Page Language="C#" AutoEventWireup-"true" 
CodeFile-"Default2.aspx.cs" Inherits-"Default2" %> 
«!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 . 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 
transitional.dtd"» 


11 will be visible as shown below. 


If you click on "N 


| @ Iacalhost:1462; MebSite42/Defsu 


€ > @ Q O localhost4402/WebSi. 


f Translate 


Hi Apps Pd Gmaë WB YouTebe ET Maps 


New Member Existing Member 


UserName: 


Password: | ores | 


SSS 


Confirm Password: [ee | | <html xmlns="http://www.w3.org/1999/xhtml"> 
— <head runat="server"> 


SSN 


Email kameshraval@hotmail.com : A i 
fi <title></title> 
— 1 «/head» 
E oq 
e Similarly, when you click on the "Existing Member" link button then panel2 vill «form id="forml" runat="server"> 
<div> 


visible as shown below. 
«$ int i;* 


for (i=0;1<8;itt) 
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; niversi ; 
r i "YS/ fon t> each panel we will take a separate table to get the details from the user. At the end place 
a button the webpage and change its Text property to “Submit” from the property 


_— CC30l 
(89 


=j $92 


«br /> fs windows. 
<$ PEEL EE BEES PER SE SITE SSO 
RR AR MebSiteSO/Celes ; 
</div> I @ ieculnostt903/webSReSo7oel x ý — d Š 
</form> € 9 € 0 Wharmiamesenadion 4 9 0 € et 
</body> 4s Me Bare Flap Ée Tanne O niba, m t 


Personat Details: 
First Name: 

Lest Name: 

Email: 
Mobile No: 


</html> 


30 locaihost1402/WvebSite4&/Defse. 


x Translate 
si Apes Mb Oma, Up YouTube, Ef Mops, Be TP dew corn, mgt Educational Details: | 
»» : : Hd mm f APT ee retener tee eios University/Board P - z Year Pac e 
DE Etida Passing entage Obuined 
— S.S.C MES Ji ü 
= y aanmeren —= 
Quarzunikengy — HEC wU t 
.| Gujarat university aut : Í 
Gujarat university So I : 
Gujarat university ROUES IAM M Fi etus. 
Gujarat university Experience Details: TR oe toons 
Company Name: 


From Date: 
To Date: 
Post: 


Gujarat university 


Gujarat university 


Program : 10 e Write the following code to design form in the source mode. 

Create web page which will ask the employee personal detail «$8 Page Language-"Cf" AutoEventWireup-"true" 
education detail, work experience detail with use of different pant ne ous spa cs n sns s 
for each part. Allow user to click on submit button and display: 
message “Data is successfully submitted” in a new label by addin 
it at runtime in a panel. 


«!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 
. transitional.dtd"» 
e Create a “ASP.NET Empty Website” using visual studio and add a webpix 
y. ow p i > = S " 
default.aspx by doing Right Click on the website in the Solution Explorer and choosini shtmL xninssAHEEP:AQIIRIW3 Jorg/tsga/xbtadite 
option “Add New Item", select “web Form" option and click on *Add" button. 


° nis ansa panels on the webpage from the ToolBox, one is for Personal Details, ot 
or Educational details, onc for Experience Details and one for showing message. ! 


«head runat="server"> 
«title»«/title» 
«style type="text/css"> 
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CC-301 Web Appli 
.stylel <td class="style2"> 
( | First Name:</td> 
width: 100$; i . , _ <td> 
} <asp:TextBox ID="TextBox1" 
style2 runat="server"></asp: TextBox> 
, «/td» 
width: 142px/ </tr> 
} |o «tr» 
style3 «td class="style2"> 
, Last Name:«/td» 
«td» 


«asp: TextBox ID="TextBox2" 


width: 213px- 
runat="server"></asp:TextBox> 


} 


</tr> 
width: 151px; <tr> 
) "n | «td class="style2"> 
= e Email:</td> 
«td» 
width: 171px; «asp:TextBox ID-"TextBox3" 
] I runat="server"></asp:TextBox> 
.style6 | </td> 
( «/tr» 
width: 116px; «tr» 
} I í <td class="style2"> 
</style> | Mobile No:</td> 
</head> <td> 
<body> | «asp:TextBox ID-"TextBox4" 
«form id-"forml" runat="server"> | runat="server"></asp: TextBox> = 
<div> | </td> 
</tr> 
<asp:Panel ID-"Panell" runat="server"> sales 
«strong»Personal Details:«br /> </strong> saepe rangia 
<table class="style1 ny i <br /> ; 
<tr> : <asp:Panel ID="Panel2" runat="server"> 
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tional De 
"styl el "> 


CC-301 Web Applicati 
<strong>Educa 
<table class= 


<tr> 
<td class-"style6"? 


enbsp; «/ td? 
«td class-"style4"? 
University/Board«/td» 


«td class-"style5"^ 
Passing Year</td> 


<td> 
Perceni.age Obtained</td> 
</tr> 
<tr> 
<td class="style6"> 


s.s.c</td> 
<td class="style4"> 
<asp:TextBox ID-"TextBox5" 
runat="server"></asp:TextBox> 
</td> 
«td class="style5"> 
«asp:TextBox ID="TextBox6" 
runat="server"></asp:TextBox> 
</td> 
<td> 


<asp:TextBox ID="TextBox7" 
runat="server"></asp:TextBox> 


</td> 
</tr> 
«tr» 
«td class= "styl e6"> 
H.S.C«/td» 


«td class-"style4" 


«asp: 
runat-"server"»«/asp: asno punis ar 


</td> 


PO amiy. : 
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«td class="style5"> 
<asp:TextBox ID="TextBox9" 
runat="server"></asp:TextBox> 
</td> 
«td» 
<asp:TextBox ID-"TextBox10" 
runat="server"></asp: TextBox> 


</td> 
</tr> 
<tr> 
<td class="style6"> 
Graduate</td> 


<td class="style4"> 
<asp:TextBox ID="TextBox11"” 
runat="server"></asp:TextBox> 
</td> 
<td class="style5"> 
<asp:TextBox ID-"TextBox12" 
runat="server"></asp:TextBox> 
</td> 
. <td> 
<asp:TextBox ID="TextBox13" 
runat="server"></asp: TextBox> 
</td> um 
</tr> 
«tr» 
«td class="style6"> 
. Post Graduate</td> 
<td class="style4"> 
<asp:TextBox ID="TextBox14" 
runat="server"></asp: TextBox> 
</td> 
<td class="style5"> 
<asp:TextBox ID="TextBox15" 
runat="server"></asp:TextBox> 
</td> 
<td> 
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ment- I (Using C#) 
plication Develop ID- eae, S 
<a 


— == = cc-301 Web Ap spi TextBox — CC301 Web Application Development- 
TextBox? <td> . 
runat=nserver"></85P g> <asp: TextBox ID-"TextBox20 
eu runat-"server"»«/asp: TextBox2 
</td> 
</table> 
: </tr> 
</asp:Panel> /tr 
«pr /? "server"» i oes 
<asp: Panel Ip-"Panel3" runat= ` d pur «/asp: Panel» 
estrong»Experience pota a <br /> 
<table class-"stylel - . «asp: Panel ID-"Panel4" runa t-"server"» 
<tr> s </asp: Panel> 
<td class="style3 oe: <br /> 
Company Name: s <asp:Button ID="Button1 " runat="server" 
<td> Text="Submit" /> 
«asp: TextBox ID="TextBox17" “qis 
runat="server"></asp:Tex tBox> </form> 
«/td» </body> 
</tr> </html> 
<tr> r : : : 
<td class="style3"> e Now double click on the submit button. This will open a subroutine called 
F Date:«/td» *Buttonl. Click". Write the following code on the click event of the button to 
à pem dynamically add the label into Panel4. 
«td» 


using System; 


<asp:TextBox ID="TextBox18" 
using System.Collections. Generic; 


runat="server"></asp:TextBox> 
</td> 
</tr> 
<tr> 
<td class="style3"> 
To Date:</td> 


using System. Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebCon trols; 


<td> public partial class Default : System.Web.UI.Page 
en : «asp:TextBox ID-"TextBox19" í 
z"ser °. 4 š 
ver i ` wet protected void Page Load (object sender, EventArgs e) 
> 
. : ( 
</tr> } 
<tr> 
protected void Buttonl Click (object sender, EventArgs e) 
«td Class="style3"> . ( 
Post:«/td» Label lb = new Label(); 
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CC-301 Web Application D e 
lb. Text = "Your data 1 
Panel4.Con trols. Add (1b); 
] 
} 
Program : 11 payment detail of custo 
Ë: 


Create web page which er p h or Credit/Debit carq 
purchase, this detail either 7 ot de panel control will ar b 
Cheque: According to the payment mo a) that detail in next P 
and accept payment detail and display ext Page 
using label control. 

Create a “ASP.NET Empty Website 


default.aspx by doing Right Click on the Vend 
option “Add New Item", select «web Form" option an 


Now add 3 radio buttons to the webpage and change its Text property to "Casp. 


“Credit/Debit Cards”, and “Cheque” from the property window. 
Set the “GroupName” property for all 3 RadioButtons to be "PaymentMode", So, tha 


user can select any one from these radio buttons. 
Add 3 panels from the ToolBox to a web page, and design it as below. 


” using visual studio and add à we 


ebsite in the Solution Explorer and choos 
d click on “Add” button, — 


OO YlebSAe51 - Mcrcsoft Visual Studio 


pisos 
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Set the Visible property of all pancls to be “false”, from the property window. Now 
double click on the RadioButtonl. This is open subroutine 
"RadioButtonl. CheckChanged" write the following code on the CheckChanged event 
of the RadioButtonl. Similarly, also add the code on the CheckChanged event of 


RadioButton2 and RadioButton3. 

using System; 

using System.Collections.Generic; 
using System.Linqg; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 


public partial class Default : System.Web.UI.Page 


( 
protected void Page Load(object sender, EventArgs e) 


( 


} 
protected void RadioButtonl CheckedChanged (object 


sender, EventArgs e) 


{ 
if (RadioButtonl.Checked) 
i 
Panell.Visible - true; 
Panel2.Visible - false; 
Panel3.Visible = false; 
] 
J 


protected void RadioButton2 CheckedChanged (object 
sender, EventArgs e) 


( 
if (RadioButton2.Checked) 
( 
Panell.Visible - false; 
Panel2.Visible - true; 
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= lser 
panels. Visible false: 

} 

oe void sadioButtoni check? g ject 
p 

sender, Eventàrgs e) 
^ 

if (RadioButton3. Checked) 

! . 
panell.Visible = matr 
Panel2.Visible = false; 

true; 


Panel3. Visible = 


e Run the web page in the browser and click on e 
panel (one at a time) will be opened automatically. 


Program : 12 

Write a program to set the following 
using internal css class. 

e Background-color as green, 

e Border style as solid 

e Border color as blue 

e Border width as 2px 

e Text as "Hello!" 


When user moves mouse over the label, its background coly 
should change it to yellow. Add one more web form which contain 
button. When user clicks on it change its fore color as pink usin 
external css. 


e Create a “ASP.NET Empty Website” using visual studio and add a webpag 
default.aspx by doing Right Click on tlie website in the Solution Explorer and choosing 
option "Add New Item", select “web Form" option and click on “Add” button. l 
Now add a style sheet class in the <head> tag. (pla i l 
l . (place the foll 
<head> and </head> in the “Source” of the KREN ukkuna 
<style> 
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.myStyle 
( 
background-color:Green; 
border: 2px solid blue; 
] 
</style> 


Add a label control to a web page and set Text property to “Hello” and CSSClass 
property to “myStyle”. 
The complete source code of the file is as given below. 


«$8 Page Language="C#" AutoEventWireup-"true" 
CodeFile-"Default.aspx.cs" Inherits-" Default" $> 


«!DOCTYPE html PUBLIC "—//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xh tml11/DTD/xhtmll- 


transitional.dtd"» 


«html xmlns-"http://www.w3.0rg/1999/xhtml"» 
«head runat="server"> 
«title»Internal Style Sheet Demo</title> 
«style» 
.myStyle 
f 
background-color:Green; 
border: 2px solid blue; 
] 
«/style» 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:Label ID="Label1" runat="server" Text="Hello" 
CssClass="myStyle" 


onmouseover="this.style.background='yellow'; 
this.style.border= '2px solid blue' 
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»«/asp:Label? | 
</div> 
</form> 

</body> 

á i 

</htm1 ckground='yellow’; this.style bo, d 

ers 


; ba 
t over-" this. style. 
onmouse lor of the label on mouse move " 


. de written 

Dus solid blue! '”, will change the background a s 
Now, Right Click on the web page in the Solution nope ct ie Si Yep "Ad 
New Item". From the “Add New Item” dialog fe EE ii i d “St ech Penn they 
click on Add button. This action will add one file ca yleShcet.css” to y 


website. 


? 

ZZ 2022222277 77272/777777///7777772222277777777, Z =. 
As Snatch instefied Tonpistes š fi 
TT 
Type: Visual Ce 


Acascading style sheet used for rich 
HTML style definitions 


Site52^ 
pills Ç 
z 


d 


Visual CF 


Add New Rem - CAUsersikamesh Documents Visual Rudo 2010 WebSites/ eb 
" A MOM 


Visual C? 


Visual C4 


Visual CZ 


Visual C# 


YeuatCe 


e Add the following code to your "StyleSheet.css" file. 
body { 
} 
-myStyle 
í 


background-color: #FF3399; 
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Instead of writing the code you can also use “Build Style” option, which you can get on 
the top-left side, in the tool bar. 


Now add another we page called “default2.aspx” to your website. Open the page in to 
the design mode. Now drag and drop your StyleSheet.css file to your web page. This 
will add one line of code in the “Source” of your webpage, in the «Head» section. 


<link href="StyleSheet.css" rel="stylesheet” 
type="text/css" /> 
Place a button on the webpage and write the following code on the click event of the 


button. 
Buttonl.CssClass = "myStyle"; 


Run default2.aspx and click on the button. You will observe that the background color 
of the button gets change to ‘pink’ color. 
The source code of the default2.aspx is as given below 


«20 Page Language="C#" AutoEventWireup-"true 7 
CodeFile-"Default2.aspx.cs" Inherits-"Default2" š> 


«!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 


transitional.dtd"> 


<html xmlns-"http://www.w3.org/1999/xhtml"» 


<head runat="server"> 
<title></title> 
<link href="StyleSheet.css" rel="stylesheet” 
type="text/css" /> 
</head> : 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="Buttonl" runat="server" 
onclick-"Buttonl Click" Text-"Button" /» 
</div> 
</form> 
</body> 
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nes It.aspx.cS file is given below: 
e The complete code of the default.asp*- 
using System; eric; 
using system. collections. 697 ; . f 
using System. 2.1 PASSING INFORMATION FROM ONE PAGE TO 
using System. Wede ANOTHER: | 
: .UI; ; : i d” r are 
using System.Web.” ls; ASP.NET is a server-side technology. Here, browser (client) and “serve 
trois; : : 
using System. Web. Uem, communicating with each other using HTTP (HyperText Transfer Protocol). HTTP isa 
. system. Web. UI. Page stateless protocol. Server is not maintaining persistence connectivity with the Client 
blic partial class Default? : ^) t (Browser). Whenever browscr is making a request for a particular page, server behave 
su P like a stranger as it do not maintain persistent connectivity with the browser. 
tected void Page Load (object sender, EventArgs e) As server is not maintaining persistence connectivity with the browser, it 1S difficult to 
n g l pass the information from one page to another page. There are couple of ways in the 
i I ASP.NET, by using that we can pass the information from one page to another. 
} [1] Previouspage.FindControl() method: 
| i jé i i ing Findcontrol() method 
: 1 click(object sen der, EventArgs e We can pass the information from one page to another page using 
pass edd. eese i of the Previouspage object. In your website add two pages called default.aspx and 
j ii m. default2.aspx. In the default.aspx page add a textbox control and a button control. Set 
Buttonl.CssClass = "myStyle ; : the PostbackUrl property of the button to ‘Default2.aspx’. Now in the second page 
] (Default2.aspx) place a label control. Write the following code on the load event of the 
] Dcfault2.aspx. 
TextBox tl; 
tl: = 


(TextBox) PreviousPage. FindControl("Textboxl"); 
| Labell.Text = tl.Text; 


@ @ @ @ @ Run the Dcfault.aspx page, type your name in the Textbox and click on the button. You 
will be redirected to the Default2.aspx, and can notice your name will appear in the 
Label control. In this example we have used a method called Findcontrol () of the 
Previouspage object. 


[2] Cookies: 


We can also pass the information from one page to another page using cookies. A 
cookie is information that a Web site puts on your hard disk so that it can remember 
something about you at a later time. (More technically, it is information for future use 
that is stored by the server on the client side of a client/server communication). 
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e dn we ve du cookies called ProductName, and store the de 

The following code will create t \ 


entered by the user in the textbox. ie ( 
= new Httpcooks 


Text; 
- TextBoxl s " 
d is = pateTime. Now. AddDays (2) ; 
ck.Expi 


:es. Add (CK) 7 
onse. cookies. bak 
S 5 .Redirect ("Default2.aspx 25 
we set the expiry of the cookies for 2 days. That i 
this code will be automatically deleted i N 
he user to the Default2.aspx Webpa : 1 
efault2.aspx page write the fol 


" productName T 


HttpCookie ck 


In the code mentioned above, 
the ProductName cookies created by t 2 
days. The last line of the code will redirec dn 
fetch the data from the ProductName cookies 0 
code on the load event of the Default2.aspx page. 
d Page. Load (object sender, EventArgs e) 


( 
i 


protected voi 
( 
if (! (Request.Cookies["ProductName"] -- null)) 


( 
Labell.Text - 
Request. Cookies ["ProductName "T, Va 
] 


else 
( 


lue.ToString(); 


Response.Write("Cookies Not Found"); 


J 
] 


In this code we check the “ProductName” cookie is exists or not. If it exists then we x 
reading the cookie, fetching the details stored in it and displaying it in the label If 
cookie with the name ‘ProductName’ doesn’t exists then we put the message that the 
“Cookics Not Found”. 


[3] QueryString: 


QueryString is another method to pass the information from one page to another page. 
It is the simplest method where information of one page will passed to another pag 


using URL (Uniform Resource Locater) of the browser. In the World Wide Web: 


geyong is the part of a URL that contains data to be passed to web applications 
l d diea To: pass the information from one page to another page vsin 
B method you need to write following code on the click event of the button. 
protected void Buttonl Click (object sender, EventArgs e) 
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í : 
Response.Redirect("Default2.aspx?ProductName-" + 

TextBoxl.Text ); 

] 
This code will put the value entered by the user in variable ProductName in the URL 
and redirect user to the Default2.aspx. On the load event of the Default2.aspx page 
write the following code to fetch value from the ProductName variable in the URL and 


print it into the Label control. 
protected void Page Load(object sender, EventArgs e) 
{ I 
Labell.Text = Request.QueryString["ProductName"]; 
) 
The limitations of this methods are: 
e The information passed from one page to another is visible to the user in the URL. 


e This approach is not suitable to pass longer information from one page to another as 
the size of the URL should not be exceeded by 255 characters. 


[4] Session variables: 

Session variable is another method to pass the information from one page to another 
page. The information stored in the session variables will remain as it is till the session 
is active. Once the session is terminated by the server (when user logout) the 
information stored in the session variables will be destroyed. I 

To create the session variable named ProductName write the following code on the 
click event of the button. _ 


i protected void Buttonl Click (object sender, EventArgs e) 


( 
Session["ProductName"] = TextBoxl.Text; 
Response.Redirect ("Defaul t2.aspx"); 
i : 
The code written above will store the information entered by the user in the Textbox1 in 
the session variable named ProductName and redirect the user to the Default2.aspx. On 
the load event of Default2.aspx write the following code to fetch the value stored in the ° 
ProductName variable of the session and display it in the Label control. 


protected void Page Load(object sender, EventArgs e) 
( 


Labell.Text = (string)Session["ProductName"]; 


Computer World Publication: — 67 


—-. ——ÜÀ 


_ I (Using C£) 
CC-301 Web Application Development in 
[5] Application variables: - ble, just the difference is session 
Application variable is similar to the session peu cannot see the information 
variables are scparate for cach session (user). One. variables are used to share the 
stored in the session of other users. Whercas application ate its user Wise copies. There 
information among user. Application variables do peers: is shared among all the 
is a single copy of the application variable is ps , essen variables. They are 
users. The life of the application variable 1s longer t bs memory of the server till thc 
created when application starts and will remain in uie hen the session starts and 
application is live. While the session variables are crea . 
destroyed automatically when the session ends. 


To store the information into the Application variable 
code: ' 

Application ["ProductName r] 
And to read the information stored in the application variab 
following code: 

Labell.Text = (string) Application [ 


you need to write the following 


= TextBox1.Text; 
les, you need to write the 


"ProductName"]; 


2.2 Web Server Controls Button: 


ntrols are there in the ASP.NET, Button, LinkButton and 

ImageButton. The difference between Button and LinkButton is Button looks like a 

push button whereas LinkButton looks like a Hypelink at runtime. All three controls 

share the common property as described below: 

1. OnClick: This attribute takes the name of the subroutine created in either C#.NET 
language or in VB.NET language, and execute it when the user clicks on the button 
at runtime. As we know the code written in the C#.NET or VB.NET is executed by 
the server, the name specified of the subroutine in the Click property of the button 
will be executed by the server. 


There three button co 


2. OnClientClick: This attribute takes the name of the JavaScript function as a value. 
As we know that the JavaScript is client-side scripting language, the JavaScript 
function specified with this property will be executed by the browser, when user 
click on the button at runtime. At time of page rendering the JavaScript function 
will be given to the browser by the server. 


3. PostBackUrl: This property takes the name of the webpage. When user clicks on 
the button at runtime, the user will be redirected to the page specified in this 
property. 
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Comparc to thc Button control, ImageButton control has additional capability to show 
the image on the button. Because of ImageButton has additional feature to show thc 
images, there are few more attributes arc there to ImageButton control than Button and 
LinkButton controls. The additional attributes of the ImageButton are discussed below: 


1. ImageUrl: ImageUrl property takes the path of the Image, which has to be shown 
on the ImageButton control. 

2. AlternateText: AlternateText property takes the text (string), and it will be shown 
at runtime if the browser is not be able to show the image specified in the ImagcUrl 
property. 


2.3 Hyperlink control: 


Hyperlink control is used to show hyperlink which provides a link to the other 

webpages. Hyperlink control does not belong to Button family, therefore in the 

hyperlink control does not have PostBackUrl property. The important properties of the 

Hyperlink control are: 

1. NavigateUrk: This property takes the.path (URL) of the destination page. At 
runtime when user clicks on the Hyperlink control, user will be redirected to the 
page specified in the NavigateUrl property. 

2. Target: The possible values of this property are, blank, . parent, | search, | self, and 
_top. This property specifies where the destination page has to be opened. For 
example, if you set the Target property of the Hyperlink controlto blank, then the 
destination page will be opened in the new window / new tab of the browser. 


2.4 Imagemap control: 


The ImageMap controls enables you to create a client-side image map. When you click 
different areas of the image, different things happen. An ImageMap control is 
composed out of instances of the HotSpot class. A HotSpot defines the clickable 
regions in an image map. Imagemap control has following important properties: 


1. ImageUrl: This property takes the path of the image, which is to be used to show 

. onthe webpage. . i 

2. Hotspots: This property takes collection of the Hotspot regions. Hotspot are th: 
clickable region in the image which navigate user to specific webpage. There ar: 
three types of Hotspot we can create in the Imagemap control of ASP.NET, thes 
are: 

e CircleHotSpot 

e RectangleHotSpot 

e PolygonHotSpot 
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2.5 Checkbox control: 

Checkbox control is used to take B 

Usually it is used to allow multiple se 

take hobbies from the user, you can ->c we can use checkbox server contro] 

can have multiple: interests; in such scenarios . 
server 

Important attributes of the checkbox abeat alos toe hi 


t a ite 
1. AutopostBack: AutopostBack property E". If you set this attribute to be ‘TRUE 


.. 
is attribute is ‘F. 
default value for this attri ly transfer to the server, when user check or 


lue from th 
UE 7 FALSE) vesc Soin. tlie us 
oolean (TR he user. For Example, if you want t; 


then the page will be immediate 
uncheck the checkbox. 
2. Text: Text property irs a Ned 
` property will be appear on the cneckoo^. — f 
3. TextAlign: The possible values of this attributes are Right and =. The default 
value for this attribute is Right, that means the text will appear at rig t h and side, 
and checkbox will appear at left hand side. You may change it Left which shows 
text at left side and checkbox at right. — T 
: : hox i or not. It takes Boolean 
4. Checked: This property gets / set the checkbox Is checke t 
value from the ue The default value is FALSE. If thc checkbox is checked then 


this attribute returns TRUE value. 


(string) from the user. The string given in this 


2.6 RadioButton Control: 


RadioButton control is similar to the Checkbox control, except it is used to allow user 
to sclect only one option from the given options. RadioButton control has following 
attributes: 

1. AutopostBack: AutopostBack property takes Boolean value from the user. The 
default value for this attribute is ‘FALSE’. If you set this attribute to be ‘TRUE?’ 
then the page will be immediately transfer to the server, when user check or 
uncheck the checkbox. 

2. Text: Text property accepts text (string) from the user. The string given in this 
property will be appear on the checkbox. 

3. TextAlign: The possible values of this attributes are Right and Left. The default 
value for this attribute is Right, that means the text will appear at right hand side, 
and checkbox will appear at left hand side. You may change it Left which shows 
text at left side and checkbox at right. 

4. nrw. Ps property gets / set the checkbox is checked or not. It takes Boolean 
value from the user. The default value is FALSE. If the checkbox ; ced th 
this attribute returns TRUE value. ° aay PH 

GroupName: This property takes strin 
; g ftom the user. User can select only one 

RadioButtons from more than one RadioButtons having same group name. For 
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Example, user can select only onc RadioButton from two RadioButtons (Male, 
FeMale) if their GroupName is same called ‘Gender’. 


2.7 CheckBoxList Control: 


CheckBoxList server control is a collection of various checkboxes. It is a group of 
multiple checkboxes. User is allowed to check multiple checkboxes from the 
CheckBoxList server control. CheckBoxList server control allow to insert the items 
statically (click on edit item and then add items), dynamically (by writing the code) and 


from Database. Some important attributes of CheckBoxList server control are listed 
below. 


1. AutopostBack: AutopostBack property takes Boolean value from the user. The 
default value for this attribute is ‘FALSE’. If you set this attribute to be ‘TRUE’ 
then the page will be immediately transfer to the server, when user check or 
uncheck any checkbox from CheckBoxList control. 

2. DataSource: DataSource property takes‘name of the data source, which will be 
used to fetch the data from the database. DataSource property is used to bind 
CheckBoxList server control with any database table or field. 


3. RepeatColumns: RepeatColumns get or sets integer value. The default value for 
this attribute is 0. By default, all the checkboxes listed in the CheckBoxList server 
controls are belongs to a single column. If you set RepeatColumns attribute to 2 
then all checkboxes are listed in 2 different columns. 

4. RepeatDirection: If the values of RepeatColumns are 2 or more then this property 
provides a way of arrangement of checkboxes into the CheckBoxList control. The 
possible values are ‘Vertical’ and ‘Horizontal’. The default value for this attribute is 
‘Vertical’. 

5. Items: Items property represents collection of list items. Using this property, you 
can insert any ne list item into the CheckBoxList control or remove any list item 
from it. 


6. SelectedIndex: This property gives Index number of the item selected by the user. 
It returns integer value. 


7. SelectedItem: This property returns the object of Listltem, which is checked 
(selected) by the user. 


8. SelectedItems: This property returns a collection (Array) of the objects of ListItem, 
which are checked (selected) by the user. 


2.8 RadioButtonList Control: 


RadioButtonList server control is a collection of various RadioButtons. It is a group of 
multiple RadioButtons. User is allowed to check single RadioButton from the 
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3. Repeat Columns: u oan 3 B onakan listed in the RadioButtonList 
this prk bs c ra single column. If you set RepeatColumns attribute 
o Qa all RadioButtons are listed in 2 different Ed tih: anie 

4. RepeatDirection: If the values of RepeatColumns ar 2 eode du i 

rovides a way of arrangement of RadioButtons into ctm n 
The possible values are ‘Vertical’ and ‘Horizontal’. The is 


attribute is ‘Vertical’. 

5. Items: Items property represents coll 
can insert any ne list item into the Ra 
from it. 

6. SelectedIndex: This property gives Index number of the item selected by the user, 
It returns integer value. men 

7. SelectedItem: This property returns the object of Listltem, which is checked 
(selected) by the user. f 

8. SelectedItems: This property returns a collection (Array) of the objects of ListItem, 
which are checked (selected) by the user. 


Ua 


ection of list items. Using this property, you 
dioButtonList control or remove any list item 


2.9 ListBox Control: 


ListBox server control is a collection of various Listltem objects. It is a group of 
multiple ListItems. User is allowed to check single item or multiple items (by setting 
property SelectionMode to ‘Multiple’) from the ListBox server control. ListBox server 
control allow to insert the items Statically (click on edit item and then add items), 
Dynamically (by writing thc code) and from Database. ListBox shows multiple option 
at a time. If the number of items is more than its width then it provides vertical 
scrollbar. Some important attributes of ListBox server control are listed below. 


1. AutopostBzck: AutopostBack property takes Boolean value from the user. The 
default value for this attribute is ‘FALSE’. If you set this attribute to be ‘TRUE’ 
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then the page will be immediately transfer to the server, when user select or unselect 
any item from the ListBox control. 

DataSource: DataSource property takes name of the data source, which will be 
used to fetch the data from the database. DataSource property is used to bind 
ListBox server control with any database table or ficld. 

Items: Items property represents collection of list items. Using this property, you 
can insert any ne list item into thc ListBox control or remove any list item from it. 


. SelectionMode: The possible values for this property are ‘Single’ and ‘Multiple’. 


Default value for this attribute is ‘Single’, which means user is allowed to select 
only one item from the ListBox, if you change it to ‘Multiple’ then user can select 
multiple items from the ListBox. 


2.10 DropDownList Control: 


DropDownList server control is a collection of various ListItem objects. It is a group of 
multiple ListItems. User is allowed to select only single item from the DropDownL ist 
server control. DropDownList server control allow to insert the items statically (click 
on edit item and then add items), dynamically (by writing thc code) and from Database. 
DropDownList shows single item at a time, to view multiple items user needs to pull 
down it. Some important attributes of DropDownList server control are listed below. 


l. 


AutopostBack: AutopostBack property takes Boolean value from the user. The 
default value for this attribute is ‘FALSE’. If you set this attribute to be ‘TRUE?’ 
then the page will be immediately transfer to the server, when user change item 
from the DropDownList control. 


DataSource: DataSource property takes name of the data source, which will be 
used to fetch the data from the database. DataSource property is used to bind 
DropDownList server control with any database table or field. 


Items: Items property represents collection of list items. Using this property, you 


can insert any ne list item into the DropDownList control or remove any list item 
from it. 


2.11 FileUpload Control: 


FileUpload control allow user to upload any file available in the client computer to the 
server. With the FileUpload control user can upload any type of file to the server. To 
allow user so that, user can upload the file you need to place a FileUpload control and a 
Button. You need to write the following code on the click event of the Button. 


protected void Buttonl Click(object sender, EventArgs e) 


{ 
if (FileUploadl.HasFile) 
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AS (Server. HapPath ( /Up | 
FileUploadl. Sa pe x 
FileUploadl.File 
] 
} 
° Properties: f the FileUpload control returns Boolean value, jp 


1. HasFile: This property ° 
particular file is selected by the use 


ise it will return 
2 ES Rap uu n returns the name of the file selected by the User, 
. FileName: 


using FileUpload control. 


e Methods: 


SaveAs: This method will upload 
described above, the file will be up 
website on the server. SaveAs method ne 
convert the relative path to the Abso 
Server.MapPath (). 


2.12 AdRotator Control: . 
AdRotator control is used to show advertisements on the webpage (aspx Page). We | 
need to provide multiple advertisements to the AdRotator control by giving XML file or 
Database as a source of advertisements. From the collection of multiple advertisements | 
AdRotator control will pick up any one random advertisement and shows to the user at 
time of loading of a webpage. As discussed, there are two methods are there to provide 
advertisements to the AdRotator control, first method is Database. Create a table called 
Advertisements with the filed called ImageUrl, NavigateUrl, Keyword and 
AlternateText. Do the sufficient entry into the table and using sglDataSource fetch the 
details to the table? In this case we need to set DataSource property to sqlDataSource. 


In the second approach, you need to make an XML file to store the advertisements as 
shown below: 


r by clicking on the “Browse” button then à : : 


the file from client machine to server. In the code | 
loaded in the UploadImages directory created in th, | 
eds absolute path the file to be uploaded, sot | 
lute path we have used a function calf | 


<?xml version="1.0" encoding-"utf-8" ?» 
«Advertisements» 
«Ad» 
«ImageUrl»- 


————(—sÓ— 


/ AdImages /BannerAdl -gif</ImageUrl> 
<NavigateUrl>http://www.msn. com</NavigateUrl> 
<AlternateText>msn site</AlternateText> | 
«Keyword»MSN«/ Keyword» | 
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«/Ad» 


«Ad» 
«ImageUrl»-/AdImages/BannerAd2.gif«/ImageUrl» 
<NavigateUrl>http://www.yahoo.com</NavigateUrl> 
<AlternateText>yahoo site</AlternateText> 
<Keyword>YAHOO</Keyword> 

</Ad> 


<Ad> 
«ImageUrl»-/AdImages/BannerAd3.gif«/ImageUrl» 
<NavigateUrl>http://www.indiatimes.com</NavigateUrl> 
<AlternateText>Indiatimes site</AlternateText> 
<Keyword>INDIATIMES</Keyword> 
</Ad> . 
</Advertisements> 
Now to fetch the advertisements from the XML file take XMLDataSource control, and 


give a path of XMLfile to the XMLDataSource control. To bind AdRotator control to 
the XMLDataSouce control use DataSource property of the AdRotator control. 


2.13 Calendar Control: 


ASP.NET provides a Calendar control that is used to display a calendar on a Web page. 
ASP.NET Calendar control displays a month calendar that allows user to select dates 
and move to the next and previous months. 


By default, this control displays the name of the current month, day headings for the 
days of the weeks, days of the month and arrow characters for navigation to the 
previous or next month. The important property of the calendar control is 
SelectionMode property. 


1. SelectionMode: SelectionMode property allows user to select one or multiple dates 
from the calendar control. The possible values for this property are: None, Day, 
DayWeek, and DayWeekMonth. Default value for this property is Day, means user 
can select any one date from the Calendar control. If you change it to DayWeek 
then user can either select any one date or entire week. If the value of this property 
is DayWeekMonth then calendar allow user to select any one date, entire week or 
whole month. If the value of this property is none then the calendar control does not 
allow selecting any date from the calendar. 
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Question : 1 Answer in short: 


1) What is QueryString? 


2) What is Cookie? f ; 
3) Differentiate Application and Session varaibles. 


4) Explain FindControl() method of PreviousPage object. 
5) Differentiate ListBox and DropDownList controls. 


Question : 2 Explain following properties: 


1) AlternateText (ImageButton) 
2) ImageUn (ImageButton) 

3) NavigateUrl (HyperLink) 

4) PostBackUrl (LinkButton) 

5) HotSpots (ImageMap) 

6) AutopostBack (CheckBox) 

7) GroupName (RadioButton) 

8) Selectedindex (CheckBoxList) 
9) RepeatDirection (RadioButton) 
10) DataSource (DropdownList) 
11) SelectionMode (ListBox) 

12) HasFile (FileUpload) _ 


Question : 3 Answer in brief: 


1) List and explain di er 
hikes ^n different methods of passing information from one page to 


2) Write a short note on AdRotator control. 
3) Explain FileUpload control in brief. 
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4) Explain Calendar control in detail. 
5) Write a short note on CheckBoxList server control. 


Question: 4 Answer the following MCQs: 


Q:1 Control is used to show random advertisements 
on the web page. 
(A) Advertisements 


(C) AdRotator 


(B) Ads 
(D) Banner 


Q2 function will be used to convert relative path into 
absolute path. 
(^)  Server.MapPath() 


(C) Response.MapPath() 


(B)  Server.ConverPath() 
(D) Request.MapPath() 


Q:3 To give different hyperlink on the different areas of the same image 
control is used. 


(B) ImageMap 


(A) Image 
HyperLink 


(C) LinkButton (D) 
property is useful for the control ImageButton if 


browser is not be able to show the images. 
(A) PostBackUrl (B) AutoPostBack 
(C)  AltemateText (D) ImageUri 


Q:4 


Answers : 


C [AdRotator] 

A [Server.MapPath] 
B [ImageMap] 

C AlternateText 
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Program : 1 

Write a program containing th 
* A DropDownList 

* A Button 


vA apel i ailable in a store 

i d to list items av - When 
¿Pte Drorbornlit is wel th DropDewnlist the cost or t 
selected item is displayed in the label ch . e UD. ide must 
be ASP.NET. A button must be in the center * Add the 


following more controls: 

* Two labels 

* A TextBox 

* A Button . 

One of the labels is displayed adjacent to the textbox, displaying 
the message “Enter the quantity:” When the user enters the 
quantity in the textbox and clicks the button, the total cost is 
evaluated and displayed in another label. 


e following controls: 


e Create a “ASP.NET Empty Website” using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option “Add New Item”, select “web Form” option and click on “Add” button. 


o Now, Right click on the website, in the Solution Explorer and choose, option “Add 
ASP.NET Folder” and select App_Data. 


° This action will add a folder App Data to your website. Usually this folder is used to 
store database files. Now, Right click on the App_Data folder, and choose option “Add 
New Item", This will open a dialog “Add New Item” dialog box. 


° From this dialog box select option “SQL Server Database” and Click on Add button. 


CC-301 Web Application Development- I (Using C#) 


GA VERAT WP al e LALLA SEALS DAL a f 

faro P Zd Terror 2 
i Fy: Vul C8 
i An empty SCL Server ditabano 


py i a e ih / 7/7 paid 7. 
A, ‘a GREY 


2) Class Diagram Vanas Co 


i Pregeocessed lert Template — Vua OF 


iË) Report Vaud CO 


Veur CF 


Z 


Tat file Caua CF 


Text Template Vanal Ce 


AA UR O RECAE UUGALI TLELI ERGE 
Dztatase.mdf Z 
A 


e This action will add a database file into App_Data directory called “Databasel.mdf”. It 
will automatically open the Server Explorer Tab at the left side of the screen. 


e Now, from the Server Explorer Right click on the “Table” option and choose option 
“Add New Table”. This will open the table in the design mode. 


d ‘runate“server"> 
s ftitled</titla> ` 
ead» 


poppe 
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e Now Click on the save : | 
: Joe Sidone Atghitectute Gag reie Modo | 


Visual Studio 
table with "Product" namc. " x] : 


eri 


Solution WebSites (1 Project a 
v i9 CA.AWetSicS8N 
v š App_Data 
v Ë} Datsbaye.mndf 


Column Properties 


ESDM. 


e Now close the table, and open the default.aspx page by double click on it from the 


Solution Explorer. 
š h ee ° Design the Interface as shown in the default.aspx page using a DropDownList, Button 
° Now Right click on the “Product” table from the Tables, and choose option Show | and a Label control. Set the Text property of the Label is NULL. Select the Label and 
‘Table Data”. ee ee ee Sa: I | Press Ctrl+B, to show label in the Bold face. Put the button in the <center> </center> 


tag, so it will be shown in the centre of the form. Change the Text property of the 
Button to “Fetch Price”. 


DO WebSite55 - Microsoft Visual Studio = a x 


ka e Opa 
`x XP CA AWebSiteS6N 
x 323 App Data 
` a Database. mdf 


Alak 


Potne nt LA LaL. Cahu Ea ako 


terns) Saved 


Satton . | N . ; e Now select the DropDownList, you can find a small arrow on the top-right side of it. 
° action will open the table into the data entry mode. [nsert the following records in Click on it, it will sea a smart AN Select option “Choose DataSource” from it. One 
Wizard will be opened. 
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° Now, from the wizard Select option "Select a data source" and choose "New data 
source..." option. In the Next step select “Database” (SQL) option and click on OK 
button. ; 

e In the Next screen of the wizard there is a DropDownList is there. Open the 
DropDownList and select “Database.mdf” and then click on “Next” Button. In the Next 

` step of the Wizard you don’t have to do anything simply click on “Next” button again. 


° ` The next screen will be shown in the figure given below. Click on “Next” button and 
finally click on the “Finish” button at the last step of the wizard. 


j Confegure Dota Snee - SqierzSouce! 
= 

Z D: Configure the Select Statement 
a 


Ham would you like in retrieve dats trom pous database? 


D Frecty e com SA rarement or stored procedure 
59) Specty cotumn: from a pile or view 
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* Now you will be coming back to “Choose Data source" screen. Select the options as 
shown from the following figure and click on OK Button. 


Data Source Configuration Wizard 


a Choose a Data Source H 
2 : 


Selecta data source: 


Select a dats field to displey in the DropDcwnt iss 
[PECES] t ye, v 


Select z data field for the value of the DropDowntist 


° Makc sure in the first DropdownList you have to select “SqlDataSource1”, in the 


second DropdownList you need to select "ProductName", and from the third 
“DropDownList” you need to select “Price”. 


e After clicking on the OK button, do Double click on the button you have place on 


default.aspx page (Fetch Price). It will open subroutine “buttonl_Click”. Write the 
following code in it. ° 


Labell.Text = DropDownListl.Sel ectedValue; 


e Run the default.aspx page in the browser by pressing Ctrl+F5 button. Select the product 
from the DropDownList and click on the button called “Fetch Price", you can see that 
the price of that product will automatically come in the Label. 


° Now add 2 Labels, 1 Textbox and 1 Button and change their text property as shown 
below. 
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| 
Ü.x 


— coo Web Application Dee? : <title></title> 

| 99 WebSteSS- Microsoft wa Studio cod Š = | </head> 

ipe Eat yes Nd. Debus | «body» 
| «form id-"forml" runat="server"> 
| «div» 


i : Font) a. Od 
| Select Product: 


Databound j | «asp:DropDownList ID-"DropDownListi" 


Pointer © F iSelect Produce! 
| runat="server" 


AdRotator Nt sqataSource - SqIDstsourtel , 
Buflete3l st i VAS aR SS SAN Se d ; I : TER | 
Button D J > | DataSourceID-"SqlDataSourcel" 
© Calendar S BE | Properties: | DataTextField-"ProductName" 
riim I mee C | DataValueField="Price"> 
Dropdown. ff“ Gatcuiate Tots! Prices} k EON </asp:DropDownList> 
— I . : <asp:SqlDataSource ID-"SqlDataSourcel" 
: [39€ rsen s: * | runat="server" 
; EERS ConnectionString="<%$ 


Image 5 


P Toolbox [| š Design. 


ConnectionStrings:ConnectionString $»" 
SelectCommand="SELECT * FROM 
[Product]"»«/asp:SqlDataSource» 


Double click on the button? (Calculate Total Price), and write the following code on the | 


e° 
click event of that button. <br /> 
int tprice; | Price: 
tprice - Convert.ToIntl6(Labell.Text) * | <asp:Label ID="Labell" runat="server" style="font- 
Convert.ToIntl6(TextBoxi.Text); | weight: 700"></asp:Label> 
Label3.Text = "Total Price is:" + <br /> 
<asp:Button ID="Buttonl" runat="server" 


<center > 
Text="Fetch Price:" 
onclick-"Buttonl Click" /></center> 


Convert. ToString (tprice) ; 


° The complete designer code is given below: 
i </div> 
<š@ Page Language="C#" AutoEventWireup="true" | «asp:Label ID="Label2" runat="server" Text-"Enter 
CodeFile-"Default.aspx.cs" Inherits-" Default" 2» Quantity: "></asp:Label> 
B <asp:TextBox ID="TextBox1" 
runat="server"></asp:TextBox> 


<br /> 
<asp:Button ID="Button2" runat="server" 
onclick="Button2 Click" 
Text="Calculate Total Price" /> 


«html xmlns="http://www. w3. org/1999/xhtm1"> 
«head runat="server"> 
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<br /> 
<br /> 2 E" er" style-"font- 
<asp:Label ID-"Labelj" runat-"ser" 

weight: 700"></asp:Label> 
</form> 

</body> 

</html> 


° And complete code in C#.NET is as given below. 
using System; 
using System.Collections.Generic; 
using System. Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 


Public partial class Default : System.Web.UI. Page 


( 

Protected void Page Load(object sender, EventArgs e) 
( 
} 

Protected void Buttonl Click (object sender, EventArgs e) 
( 

Labell.Text - DropDownListl.Sel ectedValue; 

] 

protected void Button2 Click (object sender, EventArgs e) 
{ 


int tprice; 
tprice = Convert ToIntl6(L 
" ab 
Convert.ToInt1 6 (TextBox1.Text) à i PER v 


Label3. Text = "Total p š . 
r j 
Convert.ToString (tprice); ice is;" , 


] 
} 
<= = = 
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Program : 2 
Create a RadioButtonList that displays the names of some colors 


in two columns. Add a button to the Web Form which when clicked 
changes the color of the Form to the color selected from the list. 


Creatc a “ASP.NET Empty Website" using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option "Add New Item", select “web Form" option and click on “Add” button. This will 
add default.aspx page to your website. 

Now add a RadioButtonList control to thc default.aspx from the ToolBox. 


Select the RadioButtonList control and click on the Arrow shown on thc top-right side 
to open the smart menu. 


mM 


iRadioButtonlist Tasks | 


Now, select option “Edit Items...". 

It will open the dialog box, click on “Add” button to add new item. In each item type 
the unique color name in the Text property displayed at the right side in the dialog box. 
Create a list of colors as shown in the following figure and then click on OK button. 
Now to “Source” of your default.aspx page and change <body> tag to <body 
id-"MyBody" runat-"server*. We mean add two attributes to body tag that arc 
id-"MyBody" and runat="server”. 


Listtern Collection Editor 


clopment- I (Using Vf) I 


lication Dev : « s ` "e x; 
— —— oan Web APP and change its Text P ereilea a mi. Dow, |  CC01 Web Application Development- I (Using Cf) 
Now place a button on the web P ich will open the Men e ütton err « «/asp:RadioButtonList» 
° HL . * a -$ 
click on the “Submit urut on the click event © the n CE «br /» 
de to the SU 


Add following co 2 
String teh. (ListItem i in RadioButtonListl.Items) 
foreach' 


«asp:Button ID-"Buttoni" runat-"server" 
onclick-"Buttonl Click" Text-"Submit" /» 


1 d == true) </div> 

aor j </form> 
ree 5 </body> 
</html> 


_ Body style [Html TextWriterstyle.Backgroundcojo,) i 
lyBody . 


= Clr; e The complete C#.NET code of the web page is given below. 
using System; 
using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

L . using System.Web.UI; 


using System.Web.UI.WebControls; 


of the web page is given below: 


"nc" AutoEventWireup="true" ! 
" Inherits-"Default2" $2» 


° The complete source code 


«$0 Page Language- 
CodeFile-"Default2.aspx.CcsS 


- DTD XHTML 1.0 
<!DOCTYPE html PUBLIC "-//W3C// l 
Transitional//EN" "http://www.w3. org/TR/xhtml 1/DTD/xhtmlj- 


transitional.dtd"> E 
public partial class pefault2 : System.Web.UI.Page 


«html xmlns-"http://www.w3.0rg/1999/xhtml"» : E [ 
PP NC m" Y protected void Page Load(object sender, EventArgs e) 
<title></title> f 
] 
«/head» 
<body id= "MyBody" runat .="server" > protected void Buttonl_Click (object sender, EventArgs e) 
<form id-"forml" runat="server"> f 
, : String Clr="White"; 
«div» r 
foreach (ListItem i in RadioButtonListl.Items) 
«asp:RadioButtonList ID-"RadioButtonListi" i ; ; 
runat="server"> if (i.Selected == true) 
<asp:ListItem>Blue</asp:ListItem> Clr = i.Text; 
<asp:ListItem>Green</as :ListItem> 
<asp: Li P - MyBody.Style[HtmlTextWriterStyle.BackgroundColor] 
P:ListItem»Yellowc/asp:Listltem». i = Clr: 
<asp:ListItem>Red</aşp:ListItem> i 5 ) 
<asp: Li 
asp:ListItem>Aqua</asp:ListItem> : } 
— — _ =Ë RR CN — o no 
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CC-301 Web Applica color from the RadioButtonList ang di 
e bowser, select u the background color of the web page is e Click on the "OK" button after adding items to the CheckBoxList control. Now Place a 


- in th : : 
B imi You will notice tha button to your web page and Set its text property to “Place Order". Place a Label control 
to the web page and set its Text property to NULL. 


changed. . 
2 e Double click on the button and write the following code in the click event of the 

Program : 3 um checkboxlist T a different buttonl. ° 

Create a web page should have a button and a la pa n the click Labell.Text = "Thank You for the Placing the order 

products. Ms oi "hows the message «Thank ie e Placing the of:<br />"; 

erent ofthe ua d then list of all produc selected }, foreach (ListItem 1 in CheckBoxListl.Items) 


order of following items” an 
the user in the checkboxlist ej e ° 
should be displayed in the new Une "UC ADAMS: 


"^a" usi i tudio and add a 
e Create a “ASP.NET Empty Website” using Mx i n Explorer and webpage Labell.Text = Labell.Text + 1.Text + 
default.aspx by doing Right Click on the website in the Js 10 ium $ an choosin : 
option “Add New ltem”, select “web Form" option and click on utton. This wit 
add default.aspx page to your website. 
Place a CheckBoxList control on the default.aspx page from thc ToolBox. Select option I f - : 
"Edit Items..." from the smart menu. | e Run the web page in the Browser select some items from thc CheckBoxList control. 
u f CheckBoxList T, 2:8] = Click on the button you will get the following output. 


| Choose Data Source. i UNA mares « MEN. — M UU: 
— @ Iocshcst65164/WebSiteS6 Dsi; X 000000 1e 


er control. Each selected Product 


"<br />"; 
] 


ks n) | 


| Edit items.. | s | : dr : HEIDE RE 5 
i] Enable AutoPostBack | € > C Q Q locathosrssteswer. d G # GQ : 
e Add the name of the products as shown in the following figure, by clicking on the Add Hi Apps [vp Gmaj (2 YouTube BY Maps fg Translate > 
buttons and set the "Text" property of each list items as shown below: GI ae a Eie =s tenen tnn eret - 
PUN — LL CLE ae B CPU 
Listhem Collection Ldtor ; 
£4 MotherBoard 
CORAM 
EJ KevBoard 
Ë Mouse 


| | Place Order. | 
| 


| 

| 

| 

D Cabinet | 
Thank You for the Placing the order of: x 
i 


CPU 
MotkerBoard 
KeyBoard 
aw z: j ? | | 
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pode der Ke TE rasie machiás Sr of e This action will add a folder App. Data to your website. Usually this folder is used to 
U don b ux store database files. Now, Right click on the App. Data folder, and choose option * Add 


isited the page from i i 
gioca Lodges information by storing this Counte; New Item”. This will open a dialog “Add New Item” dialog box. 


application keeps track of this E cn machine: 

value in a persistent cookie at the client's m -— e From this dialog box select option “SQL Server Database” and Click on Add button. 
e Create a “ASP.NET Empty Website” using MEUM e Ex Tea webpage 2 eta ; stmt ONE ee 

default.aspx by doing Right Click on the webslte in the Lam p ipe TE oosing eiaj E " 

option “Add New Item", select "web Form" option and clic ` DIS wil | 


A £ 
77 a LLEGIT e PIILA ELEI E: 


š 34 ChesDi I Sacs Type: Youal Ca 
i E3 eee Ore =" An empty SCL Server database 


add default.aspx page to your website. : —— h MN | 
; rk eb page, this action wi 
e- Place a Label control on it. Now, double click on the y p A ad evenor Opena =. i 
subroutine called "Page, Load". Write the following code on the page. . i 
Vimal C$ i 
int cntr = 1; a ull M ce | 
. . ; = n A AT ees i 
if (Request.Cookies["myCookies ] "aem i 


í Visual Ce 
cntr = o, 
Convert. ToInt16 (Request.Cookies["myCookies"].Value); 
cntrtt; 
f , e This action will add a database file into App. Data directory called *Databasel.mdf". It 
HttpCookie ck = new HttpCookie ("myCookies"); will automatically open the Server Explorer Tab at the left side of the screen. 
ck.Value = Convert.ToString (cntr); e Now, from the Server Explorer Right click on the “Table” option and choose option 


Response.Cookies.Add (ck) ; d “Add New Table". This will open the table in the design mode. 


Labell.Text = "«B» This Page is visited for " + 
Convert.ToString(cntr) + " times on this Computer</B>"; 


e Run the web page for 2 or more times. You will see that the counter variable will be 
increase each time, 


Program : 5 


Display name of country in dropdown list when page is loaded. ó *bS2e56' (1 project) 
Allow the user to select the country and display the name of w. BE AANEEN 
states of that country selected by user in another dropdown list. Ca pee 1 vitaem 
(Also perform through datareader), í , va m Loan 
° “ > Ha : Š ñ : A UL 1 al s="http: / /wwt, we pnm —Á 
ME be Ran Empty Website” using visual studio and add a webpage ` mé d E ane ` š " 
bois MAU A d Click r website in the Solution Explorer and choosing ies <titles</title> 
( f se ect “we orm” o tion a d JD ú E 2 a I za BARRET ipe Z 
add default.aspx page to your website, p nd click on “Add” button. This i >% , ; 1 eod" 
P Now, Rieht click "he š : i da" » "Wr 
E on the website, in the Solution Explorer and choose, option “Add x, venil as To h una 


ASP.NET Folder" and select App. Data, t Design iO Sea [9 sowe Í 


à Serves Explccer ES 
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e Now create the following Tables. 


Table:1 State WWI BIE EC. #]a4—=—=_~>_ 
E ERAN BUU- Li, 
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Table:2 City IT) 


Bi 


° Now, Right-Click on the State table choose option “Show Table cn This will open 
the table into the data sheet mode. Enter the data of various states as shown in the figure 
given below. - 


° Similarly, Right click on the City table, choose option “Show Table Data”, and add the 
names of various cities as shown below. 
Í co Wetted - Mroscft eusi tudo - ,U CX 


i Tet Anshze 0 


State: Query(desk ATADATABASEMDE) x [ent deem Svan Expleter ` 


a 
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Now place 2 drop down lists' controls on the default.aspx webpage as shown below. 


Click on the first DropDownList and click on the Top-Right arrow to open the smart 
menu. First check the option “Enable AutopostBack". 


Now click on "Choose Data Source" option. From the "Select Data Source" option 
Select “<New Data Source...>” option. From the next screen select SQL Database 
option and click on Next Button. In the Next Screen select “ConnectionString” option 
from the DropDownList, and again click on the Next button. 


Now select “State” table from the DropDownList and click on the next Button. Now in 
the next screen click on "Finish" button. 


Select following options from the “Choose Data Source" wizard step screen, and then 
click on OK Button. 


i 

| igo iun d etie same 

Í "each a dena Frid éspisy n the Dro Det 
i nam 
| = mc 

| 

HENCE Ed 


i LII 
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2”, t following things and then click a 


CC-301 Web Application P 
e Repeat the same steps for “DropDownList 


se 
“City” table. Now Click on Where button as 
“Add” and then OK button. 


edd 
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Program : 6 : 


Write code to upload only image files (.bmp, .jpg, .gif) and less than 
1 kb in folder ^Image-Folder". Also display uploaded image files on 
the same web page using datalist control. 


e Create a “ASP.NET Empty Website" using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option "Add New Item", select “web Form" option and click on “Add” button. This will 
add default.aspx page to your website. 


° Right click on the website in the Solution Explorer and choose option “New Folder". 
Give name "image-folder" to the newly created folder. 


e Design the Default.aspx page as shown below using a FileUpload control and a Button. 
Set the Text property of the button to “Insert Picture”. 


e Add a DataList control from the Data category of the ToolBox. Now from the smart 
menu option select “Edit Templet” option. 


e Place an Image control in it, and set its Hight and Width property to 250 and 225. 


Add WHERE Clause 


ement, Far each condition you can specify ether 3 hterzi value or 
ud runtime bred onthor roperties. 


for 
Add cne cr more conditions te the W/HERE clause for 
a parameterized value. Parameterized values get their v 


Parameter properties 


Property Builder... 


DL—— MR aya na, Avie 


Edit Templates 


aa WebSdet5 - Microsoft Visual Sudio 
Select s date source: 


h 
5 
Ë 


Hersh Schone 


EOT 


e Run the web page and change the state from the DropDownListl, you can see that 
according to state name, cities also changed from the DropDownList2. j 


| 
221 
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1 Web Application “Edit DataBinding...’ ' option from the s 


L————— cc : 

c 

e Select the Image control ane 
menu. Set the following bin 


? 


we - X 


Imaget DataBindings ernatively you can bind it using a custom coge | 
j py selecting a field. ÀN IAE rd. 


rty to bind to. You can then bind it 


Í Select the prcpe -— PRO: 
H expressio n. JO A ord "UR ^ z & 3 MA 
H Binding fer image a E "y E 
i Bindabie properties: ao 

e iuis een eene rernm een nn i Z Fie dd indie EH 
ES AtemateTot Mu 
id Enabled i pounit 
i ImageU:l : 
Py Visible i 


i []Show zi properties © Custom binding 


fo ae 


i 
H 
H 
i 
i 
I 
i 
| 
i 
i 
i 
i 
H 
i 
| 
H 
| 
| 
H 
i 


de expression to: “Eval("Name", "mun. 


e Select ImageUrl option and type in Click on “End Template Editing”. 


Folder/{0}")” and click on the OK Butto 


° Now Select the DataList control and choose option "Property Builder". Enter Colum 


to 5 and click on OK Button. 
e Now write the following code. 


using System; 

using System.Collections.Generic; z^ 

using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 

public partial class Default5 : System.Web.UI.Page 

{ ; i 
protected void Page Load(object sender, EventArgs e) 
( f 


— U 


k mi the n the following figure. š Sman 


Computer World Publication 98 — maaa 


CC-301 Web Application Development- 1 (Using C#) 


} 


protected void Page_PreRenderComplete (object sender, 
EventArgs e) 


( 


System.IO.DirectoryInfo di = new | 
System.IO.DirectoryInfo(Server.MapPath ("-/Image-Folder")); 
DataListl.DataSource = di.GetFiles(); 
DataListi.DataBind(); 


protected void Buttonl Click(object sender, EventArgs e) | 
( | 
if(FileUploadl.HasFile) 
[ 


if (FileUploadl.FileContent.Length < 10000) 
{ 


FileUploadl.SaveAs(Server.MapPath("-/Image-Folder/" + 
FileUpload1.FileName)); 


} 


Now instead of 1KB, we have considered a file of 10KB (10,000Bytes), as 1KB File is 
too small. The-complete source of the Default. aspx is given below: 


«$80 Page Language="C#" AutoEventWireup-"true" 
CodeFile-"Default5.aspx.cs" Inherits="Default5" 2» 


«!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 


Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 
transitional.dtd"> 
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arp: usw" | O ase SM das soe. x 7 4 IS =% 
«html xmlns= nt*r* " (HET A RAS À 
unat-"server"? € Co: LI Q letta rations ui 2219496 
«head r -— i HE Arps bb Un fb Gr OY ban Q aaa Q Deer Teryt Ck edcala x 
le></titse- i E 

<title2></ < | Select Any File { Choose File ] No fe chosen 

</head> ID Intert Picture Í 
n 

<body> aa runat="server > 

<form id-"fo: 

<div> 


t Any rile:<asp:FileUpload ID-"FileUploagj, 
Selec i 


runat="server" /> 
<br /> 
<br /> 
<asp:Button ID= 


onclick-"Buttonl. Click" . 
Text-"Insert Picture /> 


"Buttonl" runat= "server" 


Program : 7 


ds Accept Item No, Item Name, Item Price, Item Quantity. Store 
<br ç information in cookie. Display stored information in next page. 
«br /> 


e Create a “ASP.NET Empty Website” using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option “Add New Item”, select “web Form” option and click on “Add” button. This will 
add default.aspx page to your website. 


e Design the Following interface in the Default.aspx web page. 


«asp:DataList ID-"DataListl" runat="server" 
RepeatColumns-"5"» 
<ItemTemplate> 
«asp:Image ID="Imagel" runat="server" 
Height="250px" 


OG VlebSite57 - Microsoft Visual Studio 


ImageUrl-'«$$ Eval ("Name", "~/Image- 
Folder/{0}") $»' Width="225px" /» 
</ItemTemplate> 
</asp:DataList> 


</div> 

</form> 
</body> 
</html> 


° Run the web page into the Brov i i cl 
Duero. vser Upload, some images and View the web pag 


[al <asp-ButroneButten fH 
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D M 
Web Application ofthe “Submit” button. 
N "myMul tyValcookie n): 
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es CES 


click eve 
eo Write the following code on p gt tpCookie ( e locainost6313/VlebSiteS7/Defs X + 
HttpCookie cookie ds x rextBoxl. Text): | 
"I No", € > C Q O loatosteai2/WsbS. 4 €) G & £) ; 


xi e. Values. Add( Text Box2. Text); 


| 

| 

SI Apps M Grai E YouTube 29 Maps Dy Tea=slata » | 
s | 

| 


cockie.Values.Add (^L. NE xtBox3.Text) ; 
j . pe s Add ("I_ price" , Te 4. Text) ; 
cookie. Vaiues x4. , 
cee extBo . 
er ues. Add ("I_ Qty", T Item No:1 
zesponse.Cookies. Add (cookie) ; "); | Item Name:Mobile | 
RAN Redirect ("~/Defaul t2.a5p* Z Item Qty: 2 | 
Response. ne anini ebsite called Default2.aspx, and place 4 labels ing Item Price:15000 | | 
Now add another web pag d event. . | 
: poa rows. Write the following code on cde ont : "] != null) 
if (Reguest.Cookies ["myMul tyValcookie . 
| 
B>" + t . | 
Labell.Text = "«B»Item No: sh nyp" "]; ' 
Request. Cookies ["myMultyValcookie J["I Nor] l | 
i r + 
Label2.Text = "<B>Item Name: </B> "I Name"]; Default2.aspx 


Program : 8 

Take single image having 3 rectangle shapes horizontally having 
text “Home”, “Product” and “Services” written in the boxes. When 
user clicks on the first rectangle Home.aspx page should be 
opened. Similarly, when user clicks on the Product rectangle the 
product.aspx and Service rectangle then service.aspx should be 
opened. Use ImageMap control. 


e Create a “ASP.NET Empty Website” using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option “Add New Item”, select “web Form” option and click on “Add” button. This will 
add default.aspx page to your website. 

e Place a ImageMap Control on the Default.aspx page from the ToolBox. We have 
created an image in the MS-Paint as shown below. 


vata 


.Cookies ["myMultyVal cookie"][ 


Label3.Text = "<B>Item Qty: </B>" + 
.Cookies[ “myMultyValcookie"] ["I_ Qty"]; 


Label4.Text = "<B>Item Price:</B>" + P 
. Cookies s] "myMultyValcookie"] [ "I Price"]; 


° Run Default.aspx into the browser fill the details as given in the figure and click on (d j 
“Submit” button. The values will be stored in the cookies and you will be redirected to 
the Default2.aspx. This page will fetch the values form the cookies and shows it in the 


various Labels. 
e tocathoct5z13/ eb Sites z/ Del v: 


> C Ó @ locaftestestaA Aet... r: - 6 FH Qu: |^ 
I Apos [e| Gre ÜB YouTube 2 taps T Tansa: 


kem No: 
e Copy and paste the image in the website using Solution Explorer. Select ImageMap 


control and first set the ImageURL property to “ImageBar.jpg” (it nothing but the name 
of the Image we have shown above). 

e Now Select ImageMap control and click on the ellipse (...) in the HotSpot property. It 
will open following dialog box. Now Expand Add Button by clicking on the small 
arrow in it and click on “RectangleHotSpot”. In the same way add 3 Rectangle 
HotSpots. 


Item Name: 
Item Price: 
kem Qiy: 
E 


Default.aspx oom 
—————— ; 
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` otS t. Sy A ANTS i 
Soke mamaman a Ll | Program : 9 
X š : Using AdRotator control, display 3 images of car and when user 


; rtics fo 
following Propet ce e juin ER tails 

m AX CY — click on it, open website of it. Load the advertisement de from 
S the XML file as well as database. 


ACCS 
` e Create a “ASP.NET Empty Website” using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option “Add New Item”, select “web Form” option and click on “Add” sii Oa: 


| Tp | ~/Services.aspx add default.aspx page to your website. 
e Now to show images for rotating banner advertisement, we have taken 3 Images called 


BannerAdl.gif, BannerAd2.gif and BannerAd3 gif in the Directory “AdImages”. The 
whole directory we have copied in the website from Server Explorer. You do the same 
thing. 

e Go to Default.aspx webpage and place an AdRotator control to it from ToolBox. Now 
Right click on the Solution Explorer and choose option “Add New Item”. From the 
“Add New Item”, dialog box select XML file and click on the “Add” button. 


e This action will add a file called “XMLFile.xml” to your website. Write the following 


| 2] RectangleHotSpet TOS ; | AccessKey B code to it. 
MMNMIML MEN MCN 11 <?xml version="1.0" encoding-"utf-8" ?> 
_ Appearance ss TE «Advertisements» 
Bottom me 3 EE ! cANS 
Left "E 3 
Ux Right Eu du <ImageUrl>~/AdImages/BannerAd1.gif</ImageUrl> 
Re bar |: || <NavigateUrl>http://www.msn.com</NavigateUrl> 


Top 

Behavior `. 
AlternateText E 
HotSpotMode to) S ONN TH «/Ad» 


<AlternateText>msn site</AlternateText> 
<Keyword>MSN</Keyword> 


PostBackValue : ur «Ad» 
T š i I ë 
arget PE, S CROIRE UM «ImageUrl»-/AdImages/BannerAd2.gif«/ImageUrl» 

| «NavigateUrl»http://www.yahoo.com«/NavigateUrl» 
«AlternateText»yahoo site«/AlternateText» 
<Keyword>YAHOO</Keyword> 


° Depends on your image, coordinates can ws ; in 
is Aa defer. Use proper image editor or MS-Paint D c/Ad» 


e C Ñ. 
reate 3 web pages called Home.aspx, Product.aspx and Services.aspx and design tt: mans 


Run the default.aspx and click on i d 
A db ipee ael the Different areas image li oduct 
or Service, it will redirect you to specific web page edi duci Hom 7 [2 «ImageUrl»-/AdImages/BannerAd3.gif«/ImageUrl» 


—————— 1 t 
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iga teUr)s 


ee sss M J 
»http://! u site</AlternateText> 


«NavigateUrl? i 
1 jatim 
cAlternateText?Indiati un 
eKeyword>INDIATIMES</Key 
</Ad> 
c«/Advertisements? 
e Give the proper path in the Image 
page and add “XMLDataSource contr 
ToolBox. 


e Now, click on the XMLDataSource 
smart menu and click on "Configure 


the Data file: section. 


I> tag. Now again come back to Default 


1 control and click on the top-right arrow tog 
Data Source” option. Select your XML File, ni; 


Configure Data Source - XmiDataSourcel 


Specify the XML data file to use as the source for this control. You can optionally sp fy addit 
to mediy the XML before it is used by the control. ; £u i 


An XPath expression allows you to filter the data in the XML file and retum only a subset of the file. 


° Click on OK Button. Now click on the AdRotator control and open the smart menu of 
it. Choose option “Select Data Source” and assign “XMLDataSourcel” to it. i 


° Run the we page in the browser multiple times. You will notice that every time Om | 


random image will be dis 
advertisement from the fi 
will be redirected to the 
file. You can refresh the 


played. AdRotator control will take any one randon 


site URL, you have written in the «NavigateUrl» tag of XML 
webpage by pressing F5 button to change the advertisement. 


a 
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1 Web Applica’ vies times.com«/Nav I | 


1 to your webpage from the Data catego” 


le and show it on the webpage. If you click on the image" | 
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Program : 10 


Using calendar control, allow user to select date from that. Display 
students whose birthday falls on that date (use database). 


Create a “ASP.NET Empty Website" using visual studio and add a webpage 
default.aspx by doing Right Click on the website in the Solution Explorer and choosing 
option "Add New Item", select “web Form" option and click on “Add” button. This will 
add default.aspx page to your website. 


Add a Database to your website and Create one table called “FriendsDetails” having 3 
fields:[1] FriendID int (Primary Key) [2] FriendName Text and [3] FriendDOB Date. 


Right click on the table and choose option “Show Table Data". This will open the table . 
in the datasheet mode where you can do necessary data entry. 


Do the following data entry in the table. 


`WebSite58 - Microsoft Visual Studie 


e Now go to Default.aspx control, and place a calendar control from the ToolBox. Open 


the smart menu choose the *AutoFormat" option and select proper Format for Calendar 
control. 


Write the following code on the DayRender event of the Calendar control. 


System.Data.SqlClient.SqlConnection cn = new 
System.Data.SqlClient.SqlConnection 0: 


Computer World Publication 107 


pevelopment- I (Using C#) — 
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cn. ConnectionStri E: prFilename" 


| pataDirectory| \ 
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C nstance= -Tr [| Configure Data Source - SalOstaSource 
Source- . \ \SQLENPRESS: see rity=True? s RNA ee ui 
abase.mdf; Integrated 9e om Configure the Select Statement 
= KZ T^ 
cn.Open(): dd cmd = new 


q1Cl ient.54 
.Sq1Ccomman 


- cn; š > 
"select * from FriendDetailsn, 


qlDa taReader dr = 


system. Data. S 
System.Data. SqlClient. 
cmd. Connection 
cmd. CommandText = 
m.Data. sqiclient- d 


How would you Hie to retrieve data from your database? 


Ə Specify s custom SAL sistement or stored proc j 
© Specify columns fram e lable or view 


Sys t e pde: kaa kaa III PPP SSS n D Retuns onty row 
while ates) fs B uec Nd 
DateTime dt = (DateTime)dr.GetValue (2); e [adem | 
ate . 
DateTime dtl = e, pay: Date; ee ene 
dt1.Month) 


if (dt.Month == 


1 ==— 
if (Convert.ToString (dt.Day) == 
e.Day.DayNumberText) | . 3 


( e Click on WHERE button and set following things as shown in the figure given below. 


Click on the Add button and finally click on the OK button to Mone the Wizard. 


Add WHERE Chuse 


int n=(int)dr. GetValue (0) ; 


LiteralControl 1 = new 
LiteralControl("«br /><a href=Default2.aspx?EventID=" + n 
+">BirthDay</a>") 7 


e for ihestzlement: For each condition you can specify esther a Bteral value or 
rameterized Values get their values at runtime based on their properties. 


e.Cell.Controls.Add(l); E 


] Y 


Now add another page called Default2.aspx to your website and add SQLDataSou 
Control to the webpage from “Data” category of the ToolBox. : 


x 
Au 


Swe 
Open the smart menu and click on the “Configure Data Source” option. Config t 
data source as shown in the following figure. 
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in the calendar. 


e Navigate calendar control to Ne 
month or previous month. 


e Click on any E 


details of the event in the GridView or D 


CC-301 Web Ap 


e Now Place a GirdView control or D 
SQLDataSourcel. 


e Run the webpage and V 


evelopment: I (Using C£) | —— 


ol and set its "DataSource" proper 


plication D 
ataList contr 


iew the calendar ¢ 


th or Previous month to view the events of next 
xt mon "Rss 


ecte 


n i redir 
vent you will be ataList control. 


oo0o009 
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Y to. 


ol, This month's events will be displayeg 
control. AS 


d to another page, which will give complete 
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3.1 Designing Master page: 


2309 Un dx. D> 


A master page is the page that provides a template for other pages, master pages allow 
you to create a consistent look and behaviour for all the pages (or group of pages) in 
your web application with shared layout and functionality. The master page defines 
placeholders for the content, which can be overridden by content pages. The output 
result is a combination of the master page and the content page. The content pages 
contain the content you want to display. When users request the content page, 


ASP.NET merges the pages to produce output that combines the layout of the master 
page with the content of the content pagc. 


In short: 


The master page is a normal HTML page designed as a template for other pages. 


The master page contains a placeholder tag <asp:ContentPlaceHolder> for individual 
content. 


This master page was saved with the name "master1 .master". 

The content page is one ofthe individual content pages of the web. 
The @ Page directive defines it as a standard content page. 

This content page was saved with the name "Default.aspx". 


"When the user requests this page, ASP.NET merges the content page with the master 


page. . 
You can add master page from *Add New Item" option as below screen. 


Meet Soca 


fato 


ZA, KONT (wq ea Yu 
£3 
Egg COMI tones 


: ME, ances awaq traduite 
4 


$e e Joss kaws ` 


Figure 3.1: Add New Item Screen 
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Master Page Example: 
«£0 Master $2 
«html» X 
<body> me 
ehiostandacd Header From Masterpet nat="server!> 
<asp:Content PlaceHolder id="he 
</asp:Content PlaceHolder 
</body> 
</html> 
Content Page Example: 

ile- 
«£8 Page MasterPageFi i 
<asp:Content contentPlaceHolderId 
<h2>Individual Content</h2> 
<p>Paragraph 1</p> 
<p>Paragraph 2</p> 
</asp:Content> 
Demo example of the Master page: 


HTML code of MasterPage.master is, 


" E» 
" terl.master 
n "head" runat="server"> 


="C#" ireup-"true" 
P E USE ite es birra il E s nd x: nhe - its-"MasterPage" $> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 a 
Transitional//EN" 
"http: //www.w3.org/TR/xhtml1/DTD/xhtml1- 
transitional.dtd"> i 
«html xmlns-"http://www.w3.0rg/1999/xhtml"» ; AE | 
<head runat="server"> 
<title> 
<asp:ContentPlaceHolder ID="Title" runat="server? 
</asp:ContentPlaceHolder> 
</title> 
<link href="style/StyleSheet.css" rel="stylesheet" 
type="text/css" /> / 


<asp:ContentPlaceHolder id="head" runat="server" 
</asp:ContentPlaceHolder> 
</head> 


<body> 
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«form id-"formi" runat="server"> 


<div Class="wrapper"> 
<div Class="footer"> 


<center> <h2> GUJARAT UNIVERSITY, 
AHMEDABAD</h2></center> 


</div> 
<div class="menu"> 
<ul> 
<li> <a href="Default.aspx">Home</a></1li> 
<li> <a 
href="Default2.aspx">Category</a></li> 


<li> <a href="Default.aspx">Contact 
Us</a></li> 


<li> <a href="Default.aspx">About 
Us</a></li> 


</ul> 
</div> 
<div class="clear"></div> 
«div class-"content"» 


«asp:ContentPlaceHolder id-"ContentBody" 
runat="server"> 


</asp:ContentPlaceHolder> 
</div> 
<div class="clear"></div> 
<div class="footer"> 
<h2> CopyRight@sanjaySoni.com</h2> 
</div> 
</div> 
</form> 
</body> 
</html> 


Content Page code in HTML: 

«$0 Page Language="C#" 
MasterPageFile-"-/MasterPage.master" 
AutoEventWireup-"true" CodeFile-"Default.aspx.cs" 
Inherits-" Default" Title-"Untitled Page" %> 
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elop ID="Titlen 
ication Dev Holder s 
CC-301 Web ji p ContentPlace 
ID-"Conten 
«asp:Content 
Runat="Server"? 
Home ID="heaq" 
Holder 
</asp:Content> conta contentPlace 
"Con 


«asp:Content m 
Runat-"Server"? 


«/asp:Content? 


<asp:Conten 
ContentPlaceHolde 


T 3" 
E ID= contemcontentBody” 


2»«br /? 


Runat="Server"> 


h 
<h2> This Is Home Page</ 


</asp:Content> 


e CSS Code: | 
body, div,p,ui,li 
( 
padding: 0; 


) 


margin: 0; 


body 


( 


) 


background-color: rgb(237,237,237); 


font-family : "Arial",Sans-Serif; 


font-size: 12px; 


.wrapper 


{ 


} 


width: 1000px; 
margin: auto; 


. content 


{ 


width:100%; 
background-color: rgb(254,254,254); 
border:lpx solid rgb(224,224,224); 
float:left; 
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margin-top:1; 
margin-bottom:lpx; 
min-height:520px; 
) 
.menu 
( 
background-color: rgb (10,110,178); 
width:100$; . 
margin:0px Opx 10px; 
padding: 0px; 
height : 40px; 
color: rgb (243,243,243); 
} 
-navigation_first_item 
{ 
border-left: Opx; 
} 
-navitem_s 
{ 
float: left; 
border-right: lpx solid rgb (10,85,125); 
border-left: 1px ‘solid rgb (67,153,200); 
height: 40px; 
background-color: rgb (14,79,114); 
} 
.menu ul {} 
-menu ul li 
{ 
float:left; 
display:block; 
list-style:none; 
border-right: lpx solid rgb (10,85,125); 
border-left: lpx solid rgb (67,153,200); 


lication Developme?! ver CC-301 Web Application Development- I (Using C£) 
P. gt item ° e Initial screen of the Master page: 


CC-301 Web AP 
: ' jon il A ee 
.menu ul li .navigatio"- After run the web application, initial screen will di 


. I 7. splay like this, and content of thc 
{ default.aspx page will be displayed on the contentPlaceHolder in the master page. 


} 


.menu ul li a 


{ 


This Is Home Page 


font-size: 13px; 
font-weight :bold; 
line-height: 40px; 
padding: 8px 20px; 
color: rgb (255,255,255); 
text-decoration:none; 
] 
.menu ul li:hover 
| background-color: rgb(14,79,114); 
border-right:lpx solid rgb (14,89, 130) ; 


) 


.Clear 
{ 
clear:both; ` Figure 3.2: Mster Page Screen 
} 
.footer 3.2 Using Navigation Controls: 


{ 3.2.1 TreeView Control: 
height: 40px; 


By A TreeView is a collection of TreeNodes object. TreeView web control is useful while 
background-color: rgb(10,110,178); displaying hicrarchal data in tree structure. It maintains the collection of columns. Also 
color: rgb (259,255,255) 2 TreeView supports both postback-style events and simple hyperlink navigation, and 


} rendering on different browsers. We will implement TreeView control to display the 
“footer hô | record on the browser. Each node represents by the text and value properties of 
; TreeNodes. . 


padding: 15px; 


The following figure | represents the basic format of the treeView control, as root is 
text-align:center; 


main directory and other parent 1 , parent 2 are sub directories, and leafs are the 
files/inter part of the each parent. 
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TreeView Mode Editor 


3.3: Basic format of Tree View control 


Figure 


w also format of the treeview with different schemes as given below figure 2 Figure 3.5: TreeView editor dialog 
e can yl 


i» = 7 0 1: The following is the source code of the tree View control, in HTML body tag for 
ER S te R ; | displaying on the web browser ` 


<asp:TreeView ID="TreeViewl" runat="server" Height="244px" 
ShowLines="True" 


Width="182px"> 
«Nodes»: 
<asp:TreeNode Text-"India" Value-"India"» 
«asp:TreeNode Text-"Gujarat" Value-"Gujarat"» 


«asp:TreeNode Text="Ahmedabad" 
Value="Ahmedabad"></asp:TreeNode> 


<asp:TreeNode Text="Vadodara" 
Value="Vadodara"> 


fot rede. 


Caesia imi 


«asp:TreeNode Text-"Savli" 
Value="Savli"> 


veal | «asp:TreeNode Text-"BajwaGam" 


Figure 3.4: Auto format scheme dialog 


i : adl 5 tobe z"Baj "»«/asp:TreeNode» 
We can edit the format using our required information as the based on navigation u Valuez"BajwaGam"»«/asp 
parent or leaf nodes using the text property. | 3 A «/asp: TreeNode» 
: «/asp: TreeNode» 


<asp:TreeNode Text="Surat" 
Value="Surat"></asp:TreeNode> š 
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? 
</asp: TreeNode Properties of treeView control: 
. Node? ' i . 
«/asp:Tree E Text-" Maharas tra" he following are some of the commonly used properties of the TreeView control 
o 


<asp:TreeN 


Value-"Maharastra"? I " 
«asp:TreeNode Text-"Mumbal 


Value-"Mumbai"»«/asp:TreeNode? 
«asp: TreeNode Text- 
Value-"Pune"»«/asp:TreeNode? 
«asp:TreeNode Text- 
Value-"Nasik"»«/asp:TreeNode? 
«/asp:TreeNode? 
«asp:TreeNode Text- 
«asp:TreeNode Text-"Ajmer" 
Value-"Ajmer"»«/asp:TreeNode? 
«asp:TreeNode Text-"Jaipur" 
Value-"Jaipur"»«/asp:TreeNode? 
«asp: TreeNode Text-"Jesalmer" 
Value-"Jesalmer"»«/asp:TreeNode? 
</asp:TreeNode> 
</Nodes> 
</asp:TreeView> 


Gets or se 
control. 


BackgroundImage 
"Pune" 


BackgroundImageLayout | Gets or sets the layout of the background image for the 


TreeView control. 


BorderStyle Gets or sets the border style of the tree view control. 
CheckBoxes Gets or sets a value indicating whether check boxes are 
displayed next to the tree nodes in the tree view 
control. 
Nodes Gets the collection of tree nodes that are assigned to 
the tree view control. 
RightToLeftLayout ' Gets or sets a value that indicates whether the 
TreeView should be laid out from right-to-left 
ShowLines Gets or sets a value indicating whether lines are drawn 
between tree nodes in the tree view control 


"Nasik" 


"Rajastan" Value-"Rajastan", 


Sorted Gets or sets a value indicating whether the tree nodes 
in the tree view are sorted 

ForeColor The current foreground color for this control, which is 
the color the control uses to draw its text 


DataBindings Gets the data bindings for the control. 


After run the prescribed code, the output would be, like this, and after clicking the 


particular district or village, we will navigate the same web page. After linking by 
NavigateUrl 


$ India 


aom Methods of the TreeView Control: 
Í — LAbmedabad The following are some of the commonly used methods of the TreeView control 
i Ë y 
Í geVadodaa ; 
i į &Savli ° É 
H L $ Eu. * A 7272: 22222 2772277 IIIS 722772 DIRIAS AI DI 77777 dod DEE 727727 AAIE TTNA 
| | Koi S ExpandAIl Expands all the nodes 
i Ta 
Maharastra CollapseAll Collapses all the nodes including all child nodes in the tree 
; FMunibai view control. 
fine. : = 
Li oed GetNodeAt Gets the node at the specified location 
NES) 
&Rajastan GetNodeCount Gets the number of tree nodes 
H Aimer Sorts all the items in the tree view control. 
iJalpuy 


~Jasalimar 


ToString Returns'a string containing the name of the control 
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3.2.2 SiteMapPath: 
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f 


ages from one we 
The SiteMapPath control basically is used to access Ms Í the map of the shea 
navigate another page. It is a navigation consol age om int Site Map to ivi 
to its web pages: You can click on tint sma displays links for connecting tg 


that page, W that the SiteMapPath co | ! 
URLs of. oiher vases: The representation of the SiteMapPath control is as follows; 


Root Node->Child Node 


First, add tree web forms to the application named Home.aspx and AboutUSs.aspx, and 


ContactUs.aspx then, : “oa 
Second, Right-click the application in the Solution Explorer Ere sai e Click the | 
Add New Item option from the context menu. Select the Site Map Template from the 
Templates Pane. Note that, by default, the file has the name web.sitemap. See below, 


* `". 
? x 
IEEE SOT ETEK QI PPP 
Sew vet Yea gius. ns 


I tele d 2 | tae 
à GNODE DAS 


Ska tte bie 


UO Meng t2 Moet One 


ShotpM atunta Vsae b ë 1 


Sawkaq onbies Reit 


B Efe oret 
$ NAM 
He "t e 


y 
Cans Lin ccs SERRE 


Figure 3.6: Sitemap E 
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Site Map file: re NIRE) 
«?xml version-"] .0" encoding-"ut£-g" 2> 
<siteMap 
drop. ://schemas microsoft.com/AspNet/SiteMap-File- 


<siteMapNode url=" 
description=""> 


<s iteMapNode url=" 
US em sae" 


home.aspx" title-"Home......" 


aboutUs.aspx" title-"About 
description-"" /> 


<siteMapNode url-"contactUs.aspx" title="Contact 
US..... " description-"" /> 


</siteMapNode> š 
</siteMap> 


Third, add the following code in all three aspx forms, as, 
<body> : 
<form id="forml" runat="server"> 
<div> 
<asp:Calendar ID="Calendarl" 
runat="server"></asp:Calendar> 
<hl>Home....</h1> 
<asp:SiteMapPath ID="SiteMapPathl" runat="server"> 
</asp:SiteMapPath> 
</div> 
«/form» 
</body> 
Same code in aboutUs.aspx and ContactUs.aspx web form. 
After inserting the above code, the design view look like below: 


ContactUs asp" " Domeaspr? 


Web.siteman 


— ee dx 


———— M € —osá TÀI P (€ €: 


Edit the source code of the Sitemap control, after 
(web2.sitemap), and write the path of t 
AboutUs.aspx, and ContactUs.aspx) as, 


placed with new separate file 
he above tree web forms (Home.aspx i 


Figure 3.7: design View 
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n node that repres 
he absolute root node. 


[ ReNekSole | c he style ont 

RootNodeStyle Sets t — 

PathSeparatorStyle Sets the style of path separato 

3.2.3 Menu control: | 


The Menu control is used t 
navigate through the pages, 
conceptually contains two types of item 
on the page, second is DynamicMenu t 


o create à menu of hierarchical data that can be Use 
it more similar to treeView control. The Menu con 
s. First is StaticMenu that is always display 
hat appears when opens the parent item 
properties like BackColor, ForeColor, BorderColor, MSIE BorderWidth, Heiphy | 
etc. are implemented through style properties ui «table, tr, ag. | 
Following is the example of the menu control in vertical form. 


x. mdi PETRIE: 


vere hee Fete 


Menu Conrtol Example... = 


E 


~“ 
xi 


EMT 


AE 
Eg 
= 


Sos irse 

Voce Presto 

fast 

iex etas 
Ure 
Bad Sessea 


i 


H ` 
I j 
== Hever m s t ttr 


dct Mew, ERA, 


(net optant ern amo 


Figure 3.8: design View 
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After the run of the web page, the output would be look like this as vertical form. 


Menu Conrtol Example... 


Employee > 

Departments > 

Banks > SBI 
BOB 
Axis 


And if we want to display thc output in horizontal form then we set the property 
Orientation to horizontal, then output will look like this, 


1 Sytem Mets UiWebControts Moers 


p. 


Employee? Bepartsentz> Banks > 
SBI 
BOR 


Axis 


(Ceteczons 
fais 
reton) 
Keoileckan} 
SCOTCH BH) 
MaximumDynamicOapntas 3 


LER TROLS ESS 
UewttSeecte Styles 
Levees Men Styes 


PoethSepacatoc 
Éerxseting Moda 
SaetOoenkmsoetid 
SeotOcantet 
Soatupimagelt 


se tg X awa Tt Im T me sneaees 
MSS RTL enint ideo 


Orientation 
Whether the static part of the mens shouic be readered 


Figure 3.9: Menu Control 


The form code of the menu control: 
<Items> 
<asp:MenuItem Text="Employee" Value="Employee" 
NavigateUrl="~/employee.aspx"> 
<asp:MenuItem Text="Add Resume" Value="Add Resume" 
NavigateUrl="~/addResume.aspx">></asp:Menultem> 


«asp:MenuItem Text="Update Resume" Value="Update Delete" 


NavigateUrl="~/resume. aspx"»»«/asp:MenuItem» 
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ication Develop 
scien Vedi roll" Value-"Payroll" 

Text= All aspx">2</aspsMenultenm> | 
"~/payr ails" Value="Leave Detailer 


=" e Det 
i pea px" >></aSP :MenuItem» 


«asp:MenuItem 
NavigateUrl- 
xasp:MenuItem Text 
NavigateUrl="~/leave- 

</asp:Menultem> 
«asp:MenuI 
Value-"Departments" 
<asp:Menul 


tem Text-"Departments" 
NavigateUrl-"-/dpartment .aspx">s 
tem Text-"Sale" Value="Salen 
">></asp:MenuItem> 


NavigateUrl="-/Sale.aspx a E 


«asp:MenuItem Text-"Perchase" 


Value-"Perchse" 
NavigateUrl-"-/Perchse.aSpx 
«asp:MenuItem Tex 


Value-"marketing" 
NavigateUrl-"-/marketing.aSpx 


«/asp:MenuItem? 
«asp:MenuItem Text="Banks" 


Value="Departments"> 2 
«asp:MenuItem Text-"SBI" Value-"SBI" ` 


NavigateUrl-"-/SBI.aspx"»»«/asp:MenuItem» 
<asp:MenuItem Text-"BOB" Value="BOB" 

NavigateUrl="~/BOB.aspx">></asp:Menultem> | 
«asp:MenuItem Text-"Axis" Value-"Axis" 


">></asp:Menultem> 
t-"marketing" 


"»»«/asp:MenuItem» I 


NavigateUrl="~/Axis.aspx">></asp:MenuItem> Ë 
«/asp:MenuItem» . s 
</Items> ` s 


| 
Basic properties of the menu control: . | ie 


Attributes 


Gets the collection of arbitrary 
attributes (for rendering only) that do ` 
not correspond to properties on the — 


control. 


Gets or sets the Cascading Style Sheet |. | 


(CSS) class rendered by the Web servet: |` : 
control on the client ] 


"HOPES 
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Gets a collection 
of MenultemBinding objects that 
define the relationship between a data 
item and the menu item it is binding to 
Gets a MenultemCollection object that 
contains all menu items in 
the Menu control. 


Orientation. Gets or sets the direction in which to 
: render the Menu control 


SelectedItem Gets the selected menu item. 


licen aspen 


will be rendered as a style attribute on 
the outer tag of the Web server control. 
3.2.4 Creating sitemap file for navigation: 
<?xml version-"1.0" encoding-"utf-8" ?» 


<siteMap : 
xmlns-"http://schemas.microsoft.com/AspNet/SiteMap-File- 
1.0" » 
«siteMapNode url-"home.aspx" title-"Home...... 
description=""> 


<siteMapNode url="aboutUs.aspx" title="About 


Us......" description-"" /» 
<siteMapNode url="contactUs.aspx" title-"Contact 
US. us " description="" /» 
</siteMapNode> 
</siteMap> 


3.3 Validation controls: 


3.3.1 Required Field Validator: 


Required Field Validator is used to make a control required; this validator is used to 
make an input control required. It will throw an error if user leaves input control empty. 
It is used to mandate form control required and restrict the user to provide data. 


Required properties to be set of the Required Field Validator 


It is used to set keyboard shortcut for the control. E 
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i d to set tex i | 
1 dois the text when mouse IS OVET the control. 
It displa a L | 
To set visibility of control on a : 
It is used to set height of the contr ! ; J 
It is used to set width of the contro!. x 


message that display when validation 


Text 

ToolTip 
Visible 
Height 

Width 
ErrorMessage 


It is used to set error 


fails. | «ll 
It takes ID of control to validate. Y 


code ; 
2 ra ID="username" runat="server"></asp:TextBoxy 
asp: = | 
«asp: RequiredFieldValidatorID asp: 


i ieldValidatorID 
Recon euer ee, ControlToValidate-"username" AE 


ControlTo Validate 


ErrorMessage-"Please enter a user name" ForeColor="Req"s 


</asp:RequiredFieldValidator> 


If we does not enter the user name the RequiredFieldValidator control track the error 


message as shown below 


User Name Please enter a username ` 


Password 


3.3.2 Range validator: ES: 
Range validator evaluates the value of an input control to check that the value lies 
between specified ranges. It allows us to check whether the user input is between a - 


specified upper and lower boundary. This range can be numbers, alphabetic characters... 
and dates. E 


If we input the less then or greater then excluding the specified range, then the error - 
message will throws for suggestion. The Range Validator control verifies that the input 
value falls within a predetermined range. It has three specific properties 5 


LERI 
- NE 
. EU 
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The syntax of the control is as given with webpage code: 


<asp:RangeValidator ID="rvclass" runat="server" 
ControlToValidate="txtclass" 


ErrorMessage="Enter value (100 - 200)" 
MaximumValue="200" 


MinimumValue="100" 
</asp:RangeValidator> 


A, 


I, E 


It defines the type of the data. The 
Currency, Date, Double, Integer, and String. 


It specifies the minimum value of the range. 
It specifies the maximum value of the range. 


Type="Integer"> 


The error message will be generated, if user enter the value less than 100 and greater 
than 200 as shown below 


Enter value between 100 and 200 


EN Vete eee ew V Va dv B Vu v VV Webi bv beret veers 


Entera value 175.- .i Enter value in specified range 


ARMEN ERN NR n P AR Re E AB Ea a aiina 


3.3.3 Regular Expression validator: 
Regular Expression validator is used to validate the value of an input control against the 
pattern defined by a regular expression. It allows to check and validate expected 
sequences of characters like: e-mail address, telephone number, social security 
number etc. The ValidationExpression property is used to specify the regular 


expression, this expression is used to validate input control. 


It is used to set error message that display when validation 
fails. 

It takes ID of control to validate. 

It is used to set regular expression to determine validity. 


129 


ErrorMessage 


ControlToValidate 


ValidationExpression 
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controltocompare="txtBigNumber" operator="LessThan" 


type="Integer" errormessage-"The first number should be 
smaller than the second number!" /»«pr /> 


CC-301 Web Application D 
It is used to set € 


aa E the big number in textbox 1 then the error message will be generated in 
red color 


ç are validating user input by using Regi}, 
w : 


Here, in the following camp; f'the example is given below. Small number: 
Expression validator. Source co . n TUTUP 
- X: wa... ..... u. saa stoced 
Regular_Expression_validator _demo.asp 
<asp: e" runat-"server"»X/asp:TextBox» Big number: _ 
TextBox ID="usernam "RegularExpressionValig i3 E 


nValidator ID- 


a Exp essio í =" " s — I 
- eit am ver"ControlToValidate- username The first sumber should be smaller than the second number! 
id E- m 
=" se enter vali ! gr - Y 
r PELA isi d"ValidationExpression-' \wt ([ : i : 
mail" ForeColor-"Re \w+) *"> It has the following specific properties: 


2.1] WA) *@\wt ([7.] \wt) *\. Nw CL7- ] 
</asp: RegularExpressionValidator> 


ter proper e-mail i 
n user does not enter prop d It specifies the data type. 


ControlToCompar | It specifies the value of the input control to compare with. 


e 
ValueToCompare It specifies the constant value to compare with. 


Operator It specifies the comparison operator, the available values are: 
Equal, NotEqual, GreaterThan, GreaterThanEqual, 
LessThan, LessThanEqual, and DataTypeCheck. 


It is used to display error message when validation failed 


Here, in the following example, we are validating user input by using 
CompareValidator controller. Source code of the example is given below. 


3.3.3.2 Custom validator: 
CustomValidator control provides the customize validation code which is created by 
own for required check particular validation to perform both client-side and server-side 
validation. For example, you can create a validation control that checks whether the 
value entered into a text box is 10 or more characters long. If none of the 
other validation controls perform the type of validation that you need, you can always 
use the CustomValidator control. The control allows you to validate both client side and 
server side, where the server side approach is probably the most powerful. You can 
associate your custom validation function with the CustomValidator control by 


handling the Server Validate event. 


Below error message will be generated whe 


wawawa wwwawawawwasiwwwwiawwwwawwwwaswaunanwayaaaq ter val id E- a 
Enter E-mail ingcca.com j Pleaseen mail 


3.3.3.1 Compare validator: 


The CompareValidator control compares a value in one control with a fixed value ora 
value in another control. It can compare two values, for instance the values of two 


controls. 
I will show you a small example of how it can be used. 


Small WORDbEi br /> 1 
<asp:TextBox runat="server" id-"txtSmallNumber" /><br Í 

/><br /» E 
Big number:<br /> r gill 
<asp:TextBox runat="server" id="txtBigNumber" /»«br /? | 


<asp:CompareValidator runat="server" id="cmpNumbers" q 
controltovalidate-"txtSmallNumber" a 
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First example custom validator: i 
Let take simple example simply check the i 
below method/code in CodeBehind which w nni 
Protected void cuscustom ServerVali 
ServerValidateEventArgs e) 
{ 

If (e.Value.Length == 10) 

e.IsValid = true; 


h of the string in the TextBo | 
SE ndle the validation. X, Writ 


(object sender, 


else 
e.IsValid = false; 
© 
Webpage code: 


Custom text:«br /> <asp:TextBox runat="server" 
id="txtCustom" /> 

<asp:CustomValidator runat="server" id="cusCustom" ; 
controltovalidate="txtCustom" Pa 
onservervalidate="cusCustom_ServerValidate" | 
errormessage="The text must be exactly 10 characters 
long!" /> <br /><br /> 


After the run the above script of custom validator, the error message will be generated | 


after inputting less than 10 character in the text box. Here whatever code can be define 
in the procedure of the cusCustom, ServerValidate for the validation. : 


The text must be exactly 10 characters long! 


pct 


OK 


Second example of custom validator: 
CodeBehind 


protected void cusCustom ServerValidate (object source, 
ServerValidateEventArgs args ) a 


{ 
string inputData = args.Value; 


args.IsValid = false; r i 


if (inputData.Length < 6 || 


: À sy i 
10) return; inputData.Length 2 ` 
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bool upperCase - false; gen 


"ia (char ch in inputData) 


if (ch >= 'A' && ch <= 'z!) 
{ 
upperCase = true; 
break; 


} 
} 
if (!upperCase) return; 
bool lowerCase = false; 
foreach (char ch in inputData) 
{ 
if (ch >= 'a' && ch <= 'z!) 
( 
` lowerCase = true; break; 
} 
} H 
if (!lowerCase) return; 
bool number = false; 
foreach (char ch in inputData) 


if (ch >= '0' && ch <= '9') 
( 
number - true; break; 
) 
) 


if (!number) return; 


: args.IsValid - true; 


) 


Webpage code: 
<asp:Label ID-"Labell" runat="server" 
Text="Password"></asp:Label> 

<asp:TextBox ID="txtPassword" runat="server" 
Width="143px" "oolTip-"Password must be between 6-12 
characters and include 1 capital letter, 1 lowercase 
letter, and 1 number"></asp:TextBox> <asp:CustomValidator 
ID-"CustomValidatorl" runat="server" 
ControlToValidate="txtPassword" ErrorMessage="Password 
must be between 6-10 characters with 1 letter, 1 
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j: Validate"> 
lowercase, and 1 com siidabori Seaven e. 
OnServerValidate- 
ustomValidator> 


i e 
Validation suggestion\output would be, 


Enter See a 


«.10 characters wih I letter, 1 lowercase 
st be between 6-10 ç 
Password must be 
and 1 number 


3.3.3.3 Validation summary: uu 
Summary validator control is used to display list of all elas eron In the weh 
form. It allows us to summarize the error messages at a a e m n We can sq 
Display Mode property to display error messages as a list, SPD Ist OF ‘single 
paragraph. We can set a header text for validation summary. .NET Validation 
Summary control have many properties to design the error messages text as like fore 
color, back color, border color, border style, border width, theme, skin and after all CSS 
class. 


Basic properties of the validation summary control: 


ShowMessageBox It displays a message box on error in up-level browsers, 
ShowSummary It is used to show summary text on the form page. 


ShowValidationErrors | It is used to set whether the validation summary should be’ |. 
shown or not. 


x 
[Tea [Wis edo serten to be shown forthe contol 
[_BiskColor [Wis wed to ser background color ofthe contol, — 7] 


Example validation summary control: 
Webpage code 
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«td class-"auto-style2"»User Name</td> 
<asp:TextBox ID="username" runat="server"></asp: TextBox> 
<asp: 
RequiredFieldValidator ID="user" runat="server" ControlToV 
alidate="username" 
ErrorMessage-"Please enter a user name" ForeColor="Red">*< 
/asp:RequiredFieldValidator> 
<td class="auto-style2">Password</td> 
<asp:TextBox ID-"password" runat="server"></asp:TextBox> 
<asp: 
RequiredFieldValidator ID="pa:s" runat="server" ControlToV 
alidate="password" 
ErrorMessage="Please enter a password" ForeColor="Red">*</ 
asp: RequiredFieldvValidator> 
<asp: š 3 
ValidationSummary ID="ValidationSummaryl" runat="server" F 
oreColor-"Red"/» 


Validation suggestion\output would be, 


The list of errors are displayed by the validation summary control, if user does not 
enter both user name and password 


UserNam[ ^ 7 


Password | 00 00 0] 


* Please enter a user name 
è Please enter a password 


3.4 Login Controls: 
3.4.1 Login: 


The Login control provides a user interface which contains username and password that 
authenticate the user name and password and grant the access to the desired services on 
the basis of the authentication. There are used one methods, properties and events in 
this Login control, you can check manually after inserting the control on web form as 
given below, There are two way to create login, first using database, and second using 
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on wizard. Here we will che at And web form code would like this, If authentication wi 
ASP.NET configuration v property navigate control to Default2.aspx page 
event. ; «asp:Login ID-"Loginl" runat-" 
Width="466px" 
onauthenticate-"Loginl Authenticate” 
DestinationPageUrl="Default2. aspx" 
TitleText-"Enter the User name and Password"» 
«/asp:Login» 


ll true, then DestinationPageUrl 


Server" Height-"226px" | 


VE 
It retrieves the location of the image to display the 
link to the user. 


DisplayRememberMe It specifies or retrieves the URL for the new user page 


DisplayRememberMe It specifies the value stating whether to display the 
RememberMe checkbox. 
| FailureText — | It displays the text when the login attempt fails 


HelpPageText It specifies the text of link to the login help page 
It retrieves the password entered by the user 


roe 


CreatcUserlIconUrl 


Figure 3.10: Login control Screen 


You can just drop the Login control in your page, then in the cee prea Catch the 
Login Control's Authenticate event. In the Age cvent, cm * me and- 
and passwor e properties in the 

rd that the user has entered. The username in the 

ben coal (LoginCtrl.UserName, LoginCtrl.Password). The code of Authenticate 

event is, M : 

protected void Login1 Authenticate (object sender, 

AuthenticateEventArgs e) 


{ , in" &&£ Logill.PasswWorg MES 3.4.2 LoginView and LoginName control: f i 
A aT | i : " The LoginView control is a web server control used for displaying the two different 
“cero views of a web page. It helps to alter the page view for different logged in users. The 
i current users status information is stored in the control. The control displays logged 
e.Authenticated = true; user name using the LoginName control | 
| 
} | ^ 277.7. Enter the User name and Password | 
Here, if the username and password both are correct, then we set the event args | Boh User Names|” n g% a 
Authenticated property to True. : 
DAE . 7 - * 
If username or password are, incorrect then login control gives the embedded error ra Password: 


message as your login attempt was not successful. Please try again. See like blow Ti Remember me next time, . 
Enter the User name and Password ret 


Log in 
User Name:jadmin — À (— 
Password: i Edit 
“4 Remember me next time. I 
Your logis atterypt was not fuceossiul. Please try agan. | 
f | 
: ———— ——— — 
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The control contains the following three views, 
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CC-301 Web Application ‘on of the login. Then change they 


in vi r completi } 
First take the login n control a elcome” a Dk LoshiName dei " 
i write t€ 
LoggedinTemlate and w a 
LoevedInTemplate string ‘welcome '! 


|, Question: It refers the view where the user can enter the answer to the security 
question. 


=" " : . 
1" runat="server"> 2. Username: It refers to the view where the user can enter the username for the password 


"e - inView 
«asp:LoginView ID iim to be recovered. 
e ; 
«LoggedInTempla 3. Success: It represents the view where the message is displayed to the user. 
welcome j 
I < /LoggedInTempl ate? The basic properties and methods of the Password Recovery control are, 
. ee  ——asmastoqinÑamel | 
Login View [spina omnes — 
A 


ic] 


FailureTextStyle It accesses thc referenc 


It image to be displayed for the link to the password is 
retrieved 


The answer provided by the user to confirm the password 
recovery through the valid user 


| OnSendingMail It raises the SendingMail event when the user is verified 

and the password is sent to the user. 

OnSendMailError It raises an error when the mail message is not sent to the 
user. 

OnUserLookupErrror | | It raises the UserLookupError when the username does not 
match with the one stored in the database 

OnVerifyingUser It raises the event once the username is submitted, and the 
membership provider verification is pending. 


3.4.4 LoginStatus: 


After inserting the loginName control near string ‘welcome’, and run the web form the, 
displayed the logged user name, before or after the inserting the user name ang 
play |. So LoginNmame control is used with login View control 


assword in the login contro ! 
for display the name of current logged user. Like as, welcome [UserName] 


HelpPageIconUrl 


3.4.3 PasswordRecovery: 
Password Recovery control is used to recover or reset the password for the user. The 


password is sent through an email as a message at the registration time, The 
iT 


Membership service is used for creating and resetting the password. — : 


The first way to recover the password using the ASP.NET Configuration; Using this, 
first we have to create user wizard, and then retrieve the password also from ASP.NET 
Configuration. You can open the ASP.NET Configuration wizard from the solution 
explorer menu as seen below image. And second way, we can create user using 
database connectivity and also recover the password from the database. 


Ë S 
` 


OMM putt Cceripmation | 
So App Data 
C3 Scripts 
D Styles 
S3 Default asex 
Gi Defeutt2asox 
a] Gicbalasax * | 
r lense 2 z 
33 Wehcoafg 
N Webetemap : 


The Login Status control displays a login link for users who are not authenticated and a 
logout link for users who are authenticated. The login link takes the user to a login 
page. The logout link resets the current user's identity to be an anonymous user. It 
specifies that a particular user has logged into the web site. The login status is 
displayed as a text with hyperlink and provides the navigation to the login page. For 


example, 


Figure 3.11: Solution Explorer 
— Y — 
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"Logins 


<asp:LoginStatus ID= 
LoginText="Sign In" . 
LogoutText-"Sign Out sox" 
LogoutPageUrl-"-/Default.? P 
LogoutAction-"Redirect ut" /> 
onloggedout-"Loginstatusl LoggedO 

ntrol uses the authentica 


To do this, Login Status € ing two views as 
2 ñ following tw ? 
This control provides the fo £ s not Logged In. 


1. LoggedIn: It will be displayed, when the nseri es 
2. Logout: It will be displayed when the user 1$ Logged In. 


tion section of the web.config fil 


The basic properties and methods of the login status control are, 


4222: 


: It access the text added for the login link 
It accesses or specifies the URL of the image used for the login link 


It retrieves the value for determining the action when the user logs 


LoginlImageUrl 


LogoutAction 


out of the web site. 
It retrieves the text used for logout the link 
It is initiated when the user sends the logout request to the server š I 


It is initiated by the LoginStatus class when the user logout process is |. 
completed 


LoggedOut 


3.4.5 CreateUserWizard: 
This control used to create a new user in the membership data store, The 
CreateUserWizard control is provides by the CreateUserWizard class and can be 
customized by using template and Style properties .Using this control any user can 
easily create an account and lopin to the web page. We can create user wizard using 


—— 
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ASP.NET configuration, and usi i 
s aona Oeae Uae s Ing database also. Here we have to create wizard using 


esto Format. 
i Steg: Siga Uo for Your New E i 
i AURI e VERSA. 
Í Coreen ta SacNanigatortemolate 
5 


i CMLL zo Ste aM STA GREE 


` Security Question: | i 
: yQ : * | Loman ta Siezy pamionTemotate 
Security Answer: f * | i Convent to CuztomMacgataiterto121e 


H Cotdionuze Create User Stes 


The Password and Confirmation 
Password mnst match. 


i Ceaómizg Compier Step 
| Ramine Wecbyte 


| Edi Tempiates 


Figure 3.12: Create User Wizard Screen 
We will create new account with *Customize Create User Steps' and create database file 
for storage user record. The system will check validations of required field validation 
and password not matched with confirm password. And store the user record into the 


database. 
Sign Up for Your New Account 


User Name: Biay 


Password: «e 


Confirm Password: ieee 
E-mail: rajay_shah@gmail.com 
The Password and Confirmation Password must match. 


f Creale User j 
PAi : 


Basic properties of the CreateUserWizard: 


It accesses or specifies the value indicating the new 
user login once the account is created. 


It shows the final step of the process for creating the 


user account. 
It retrieves or specifies the answer to the password 


recovery confirmation question. 
1d -————————— 


LoginCreatedUser 


CompleteStep 


Answer 
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It retrieves the cmail address of the user 
n s 


r specifics the collection of properties 
look of thc control 


It accesses 0 
defining the 


ContinueButtonText 


3.4.6 ChangePassword: ineat password OFT 
Using emas user can easily change 3e ipid p € ASP, 
Website. This control peoa aed wat correct then new password can't ber. 

d, if the old p : 
d a eae send the email to the respective uscrs about the new password ; 
d cu, ei are set by ASP.NET Configuration using security questio 


below. 


Figure 3.13: Change Password Screen m 


We asked same question, when we defined in the user registration, the system check in 
the configuration file and give appropriate answer to the user. And if we used database. 
to store the user registered record, then system check the password in the database, —— 


, 


System give the password by sending e-mail which is given in new user registration, or 
name of the password from the database. E 


Basic properties of the ChangePassword: 


CurrentPassword 
NewPassword 
UserName 


It shows the username for which the 
be modified. 


It retrieves the value indicating whether the 


ChangePassword control should be display the 
control and label | 


It accesses or retrieves the URL of the page that the 
user Is shown once it clicks the Cancel button 


—— = am 
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DisplayUserName 


CancelDestinationPagcUrl 
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e current/old password first and th 


Nas f 


3.5 Creating and Managing Roles: 


The most important features in building strong web applications is ensuring that users 
have access to just the areas or web pages they need. This is usually achieved by 
creating different user roles and assigning users to the roles created. These roles define 
what a user can and cannot do in the web application. Here we are creating custom user 
roles in ASP.NET core and authorizing users based on these roles. ASP.NET Core 
Identity is the membership or identity management system shipped with the ASP.NET 
Core web development stack, for building web applications. It includes 
membership, login, and management of user data. ASP.NET Core Identity allows you 
to add authentication features and customize data about the logged in user in your 


application. 
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You can use the Web Site Administration Tool to manage alt the security settings for 
your application. You can set up users and passwords (authenticabon), create roles 
{groups of users), and create permissions (rules for controlling access to parts of your 


application). . 


By default, user information is stored in a Microsoft SQL Server Express database m the 
Data folder of your Web site. If you want to store user information in a different 
database, use the Provider tab to select a different provider. 


«a the security Setup Vizar nhgue s e 8 
| 


Existing users; 3 i Existing roles: 1 Create access rules ; 
Create user : Disable Roles : Manage access rules ; 
Managa users Í Create or Manage roles i 
T EIN | is 


Figure 3.14: Web Site Administation Tool 
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Figure 3,15: Create New Role ; 


3.6 Creating and Managing Access Rules: 
Click on "Create Access Rules" to add access rules for different-users. | 
Before navigating to create access rules just move to your development window and H 
add a folder and name it as "userl". l 
Add another folder in the same manner and name it as "user2". zi i 
Note: This is only to differentiate different users as per the user role basis; it's nota _ 


. . pu 
compulsion that this has to be donc only in this way. You can have your own way of. 
doing that. click on the "create access rules" link as below link "43 
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Figure 3.16: Create Access Rules "Za A 
You will be redirected to a Page similar to the one shown below i 
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: < >. 


itu; ME 
Beart: for ARS, 35 


In this page as you can observe we have three different options: 
1. Select a different directory for this rule 
2. Rule applies to 
3. Permissions. 


"Select a different directory for this rule"-is the one where we you can select or 
deselect the directories you assign for each user or to the administrator. 


For example, if you want to assign the directory "user1" only to user] and not user2, 
then you can select that directory and select user1 from "Rule applies to" and allow 
option from "Permissions". 


"Rule applies to"-—is the one where you will be selecting the user /users /admin for 
that specific directory to access. 


"Permissions"—-is the one where you will be giving the actual permissions ie. to 
accept or deny the user for that particular directory. 


Now our job is to assign that directory to.userl and Administrator. So select 
"Administrator" from Rule applies to and Select "Allow" from Permissions. Now the 
screen should look something similar to the one above. Press ok and that role will be 
assigned with the specified one. 

As soon as you click "OK" button, you will be automatically redirected to the "Security 
Home Page". Now click on "Create access rules" again to assign the same to Userl 
also. 

Now select "user" from the role dropdown box and type "user1" in the textbox provided 
beside user. Again select "allow" from permissions as you have did earlier. ` 


The screen will be similar to the one below: 
— Computer World Publication 


145 


WY: 


š ` Š NS 
SN SORS aS x ITI Y 
S SSS N ` Ñ Oe Sd ty tha etn wad m € ZY 
BAD SHES NESE th cau SCOT ne, tO aE e Sigo ZY 
MAI CA^ ARA y - gh qapiy wolt A 
rvu KarS RAOS 09” H amon of hose: PNE š D 
$eooymov$ ute. 
Waledekchi Mao Y 
velst e disociory foc this — wu epplios Aot i Ë Aww p 
nest O saa... 22 g 
miU evel TU at Z 
Ca Are. fata fo set seert, W MNANE: €x tons Z 
SI vet esas a 
` ie p p 
"RN e? aa users 
: A 
Q annega VIA EAR [NC j 


71111217 
z yy ypt 
aeons 722225 
2222 


Figure 
So now that you have assigned that directory to 


to restrict user2 to access that directory. : 
To achieve that you repeat the same process às you have done for "user]", but a 


Permissions select "Deny" instead of "Allow". And so on 


3.7 Creating and Managing Profile: 
1. Click the Security tab. 
Under Access Rules, click Manage access rules. 
Click the Add new access rule link. 
Under Select a directory for this rule, select the Members Pages folder. 
Under Rule applies to, select All users. 


Under Permission, select Deny and then click OK. This rule ensures that everyone is 
denied access to the Members Pages folder. ? 


7. Click the Add new access rule link. 
8. Select the Members Pages folder again. - + 
9. Under Rule applies to, select Role and select Member from the drop-down list. 


10. Under Permission, select Allow, click OK, and then click done. The rule. you jus 


created allows only users who are in the Member role to access the Members Pages 
folder. 


11. Return to the Security tab and click Manage access rules. 
12. If the Members Pages folder is not selected, select it. 


13. a and Roles, click Member and click Move Up to move Member to the top 
of the list. r 


14. Click done to retum to the Security tab. 
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3. 18: Create Access Rules 
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REN 


T 777777 
Exercises, 


Answer the following: 


1. What is a master page, explain the concem task of master page 
2. Explain the importance of the Navigation Controls 


3. check and validate expected s 


Š equences of i i 
telephone number, social security s Me mA s 


| number, using Regular Expression validator 
4. Explain about Custom validator with appropriate example 


5. How to create the roles in ASP.NET web application administration 


True/False: 
1. Master page was saved with the name .master extension. 
2. Master page and Home page both are same. 
3. TreeView control is a collection of object, and displaying hierarchal data. 
4. The Menu control is similar to TreeView control as the base of navigation 
5. Required Field Validator is used for null value (-1) checking in the control 
6. This range Validator has numbers, alphabetic characters and dates. 
7. ControlToValidate property not exist in Regular Expression validator 
8. ControlToCompare property used in Compare Validator control 
9. Mostly custom validator control code written in Code Behind in the web page 
10. The LoginView control is used for view a logged user 


Answers (True/False): 
1. True 2. False 3.True 4. True 5. True 
6. True T. False 8. True 9. True 10. True 


MCQs (Multiple Choice Questions): 


1. In master page, contents are displayed in content page using 
control 


a. Label 
c. ContentPlaceHolder 


b. content page 
d. Rich Textbox 
2. Manu control navigation is similar with below control 


a. TreeView Control 
i c. Panel Control 
3. Minimum and maximum values are 
a. Required Field Validator 


4. The below control display the g 
a. Required Field Validator 
c. Regular Expression validator 
5. The control used for displa 
a. Login Status 


elopment- I (Using C#) a 


c. Regular Expression validator 


c. , Login View 


i evi 
CC-301 Web Application D qam cud 
d. Navigate Control 


d. None of these 


Answer of MCQs: 
1. C 2.A 3.B 4.D 
© @ @ @ Q 
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5.A 


considered in —— —— — — — ———. 
p. Range validator : 


d. Compare Validator 
roup of error. ——————— — — ———— 
b. Range validator 
d. Validation summary 
y a login link (Logged in/Logged Out) 
b. Login Name 


` 
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Program : 1 
Design a site for *Gujarat Uni 
v i 
header, sidebar, footer and conte ic LS HR. pide re having 
Š ywri e warning 


the foot 
- ooter and university name in the header, In the sidebar put 


Treeview control, filled from 
sit 
the sitemap and provide links i» “ec abs be ir pede da 


In Master page 
st i i 
The master page is a normal HTML page designed as a template for other pages. 


The master page contains 
content. a placeholder tag <asp:ContentPlaceHolder> for individual 


This master page was saved with the name "master].master". 

The content page is one of the individual content pages of the web 
The @ Page directive defines it as a standard content page. 

This content page was saved with the name "Default.aspx". 


When the user requests this 
age i 
bu page, ASP.NET merges the content page with the master 
T add master page from “Add New Item" option as below screen 
aswanqa PESEE EENG EEA UU DEN E UEM aaa: 
Yamañod Yenspietas Pme. Dw E 2 — < RM ERANT S 
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Master Page Example: ` <div class="footer"s 
ERU HAUS t2 scm e s. GUJARAT UNIVERSITY, 
m A er 

<body> age</h1> </di 

Masterp ii " iv» 
«hl»Standard Header From " runat-"server"» 
«asp:ContentPlaceHolder id-"head «div class="menu"> 

«ul» 


«/asp:ContentPlaceHolder? 
</body> 

</html> 

Content Page Example: 

<%@ Page MasterPageFile= 


<li> <a href="Default.aspx">Home</a></1li> 
<li> <a 
href="Default2.aspx">Category</a></1i> 


"masterl.master" %> 
<1i> <a href="Default.aspx">Contact 


erId-"head" runat="server"> 


ld 
<asp:Content G aaa a sasan is 
<h2>Individual Content< 13 
«p»Paragraph 1</p> peppers <li> <a href="Default.aspx">About 
<p>Paragraph 2</p> s 
</asp:Content> «/ul» 
</div> 


Demo example of the Master page : 


HTML code of MasterPage.master is, ' <div class="clear"></div> 


<div class="content"> 


<%Q Master Language="C#" AutoEventWireup="true <asp:GontentPlaceHolder id="ContentBody" 


CodeFile="MasterPage.master.cs" Inherits-"MasterPage" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- , 


transitional.dtd"» 
«html xmlns="http://www.w3.org/1999/xhtml"> 
«head runat="server"> 

«title» 


runat="server"> 
</asp:Content PlaceHolder> 
</div>. 
<div class="clear"></div> 
<div class="footer"> 
<h2> CopyRight@sanjaySoni.com</h2> 


</div> 
<asp:ContentPlaceHolder ID="Title" runat="server"> </di A 
M 
</asp:ContentPlaceHolder> </£ x 
«/title» </bod we 
; ody> 
<link href="style/StyleSheet. " =" " 
y y css" rel="stylesheet «/html» 


type="text/css" ./> 
f <asp:ContentPlaceHolder id="head" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 
<body> 
<form id="forml" runat="server"> 


Content Page code in HTML: 


«$0 Page Language="C#" 
MasterPageFile-"-/MasterPage.master" 
AutoEventWireup-"true" CodeFile-"Default.aspx.cs" 
Inherits-" Default" Title="Untitled Page" %> 
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CC-301 Web App » contentPlaceHo margin-bottom: 1px; 


= t 
<asp:Content ID= Conten ; : 
Os min-height:520px; 
] 


Home š 
° > =" .menu 
Pr co apa "Content2" ContentPlaceHolderID head" | 
asp:Conten = 
Runat="Server"> background-color: rgb(10,110,178); 
</asp:Content> : width:100%; 
<asp:Content ID="Content3" Runat="Server"> . margin:Opx Opx 10px; 


"ContentBody" 
e padding: 0px; 


height:40px; 
color:rgb (243,243,243); 


ContentPlaceHolderID- m 
«h2» This Is Home page</h2><br 


</asp:Content> 
CSS Code (Take CSS file from add new items): 
body,div,p,ui,li 
{ 


} 
.navigation first item 
( 

border-left: Opx; 
p. 


.navitem s 


{ 


padding: 0; 
margin: 0; 
} 
body 


{ float: left; 


border-right: lpx solid rgb(10,85,125); 
border-left: lpx solid rgb(67,153,200) ; 
height: 40px; 
background-color: rgb(14,79,114); 

} 


.menu ul {} 


background-color: rgb (237,237,237); 
font-family : "Arial", Sans-Serif; 
font-size: 12px; 

} 

. wrapper 


et 


.menu ul li 


{ 


width: 1000px; 
Margin: auto; 


} float:left; 
.content display:block; 
( list-style:none; 
vidth:1005; border-right: 1px solid rgb(10,85,125); 


border-left: 1px solid rgb(67,153,200); 


} 
.menu ul li.navigation first item : hover 


background-color: rgb(254,254,254); 
border:lpx solid rgb (224,224,224); 
float:left; 

margin-top:1; 
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After run the web application, initial screen will di l ; 
. th 
default.aspx page will be displayed on the YET Lair in ae dp nen d 
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} 

.menu ul li a 

( 
font-size: 13px; 
font-weight:bold; 
line-height:40px; 
padding: 8px 20px; 
color: rgb(255,255,255); 
text-decoration:none; 

) 

.menu ul li:hover 

{ 
background-color: rgb (14,79,114); 
border-right:lpx solid rgb (14,89,130); 

} 


-clear 

{ 
clear:both; c 

} ; 

.footer Program : 2 

( Design a web site which allows user to register, login, changer 
height:40px; password and forgot password features. Create a page which can be 


opened only by authenticated users, also create a page which can 
be opened on by the user who belongs to ‘Admin’ role. On the 
home page display Welcome message base on the type of user. For 
example, for anonymous user show “Welcome Visitor", for User 
show “Welcome <UserName>” and for any user belongs to admin 
role, show *Welcome Administrator". 


Design of the Registration page: 


background-color: rgb(10,110,178); 

color: rgb(255,255,255); pU 
) 
.footer h2 
( 

padding: 15px; 

text-align:center; 


) 


Initial screen of the Master page: 


E=: —— ee 
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public partial class unit3 2 ; System.Web.UI.Page 


lication Development- I cane ad "Zr —. 
System 3 


OleDbConnection con - new 


OleDbConnection ("Provider-Microsoft.ACE.OLEDB.12.0;Data 
Source-E: \\aspl.accdb") ; 


protected void Page_Load(object sender, EventArgs e) 
{ 


Enter User Name 


Enter E-Mail 


con.Open(); 


Date of Birth 
) 
protected void Buttonl_Click(object sender, EventArgs 
e) 


{ 


Enter Password 


Select Security Question 


Answer: pesce UU 


Back to lozin 


try 
{ 


OleDbCommand cmd = new OleDbCommand ("insert 
into registration values('" + TextBoxl.Text + "','" + 
TextBox2.Text + "',#" + TextBox3.Text + "#, '" + 
TextBox4.Text + "','" + TextBox5.Text + "')", con); 

cmd.CommandType = 

` System. Data.CommandType. Text; 
cmd. ExecuteNonQuery () ; 
Label8.Text = "Registration successfully 
We. 


completed..."; 
cmd.Dispose(); 


[Labels] 


Database Structure: 


Hos 


catch (Exception ex) 


Code of the Registration page: r in š a 
{ 


using System; ; 
using System.Collections.Generic; had iei Fry a I ` 
using System.Linq; f 9! 

using System.Web; . 

using System.Web.UI; : . 

using System.Web.UI.WebControls; 

using System.Data.OleDb; 


) 
protected void LinkButton2 Click(object sender, 


EventArgs e) 7 
{ 


Response.Redirect ("login.aspx"); 
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Design of the Login page: 


Login System | 


Enter Password: 


[Label4] 
New Users 


Forget password 


Code of the login page: 


using System; 

using System.Collections.Generic; 
using System. Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web,UI.WebControls; 
using System.Data.OleDb; 


public partial class logic 


{ 


: System.Web.UI. Page 


OleDbConnection con = new 
OleDbConnection ("Provider-Microsoft.ACE.OLEDB.12.0;Data 
Source=E:\\aspl.accdb") ; L 


protected void Page Load(object sender, EventArgs e) 
( 


con.Open(); 


) 6 
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protected void LinkButtoni 
EventArgs e) 


(. 


-Click (object sender, 


Response.Redirect ("unit3 2.aspx"); 
) 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
try 
{ 


OleDbCommand cmd = new OleDbCommand ("select * 
from registration where userName -'" + TextBoxl.Text + 
"' and password] ='" + TextBox2.Text.Trim() + "'", con); 


OleDbDataReader red; 


cmd.CommandType = 
System. Data.CommandType. Text; 


red = cmd.ExecuteReader(); 

if (red.Read() == true) 

{ 
Label4.Text = "Welcome " + 

red["userName"].ToString(); 

/ /Response.Redirect ("Default2.aspx"); 
cmd.Dispose(); 

) 

else 


( 


Label4.Text - "User Name or Password 


Incorrect"; 
cmd.Dispose(); 


catch (Exception ex) 


( 


Label4.Text = ex.Message; 


Í 
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OleDbConnection Con = neg 
OleDbConnection ("Provider 
source=E:;NNVaspl.accdb"); 


protected void Page Load(object sender, EventArgs e) 
( 


) ject sender, “Microsoft .ACE.OLEDB.12.0;Data 


protected vo 
EventArgs e) 


i b 
id LinkButton2_Click (o 


| "£forgetPassword.aspx"); 


Response.Redirect( con.Open(); 


} 
protected void Buttonl_Click (object sender, EventArgs e) 


{ 
try 


{ 


Design of the Forget Password page: 
Forget Password "EE 


OleDbCommand cmd - new OleDbCommand ("select * 
from registration where userName =!" + TextBoxl.Text + 
"" and email -'" + TextBox2.Text.Trim() + "'", con); 


OleDbDataReader red; 


cmd.CommandType - 
System.Data.CommandType.Text; 


red = cmd.ExecuteReader(); 
if (red.Read() -- true) 
( 


Registered Email va — pee 


passwordl = red["passwordl"].ToString(); 
š passwordSend(passwordl, TextBox2.Text); 
] 
else 


{ 


Code of the Forget Password page: 

using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
using System. Data.OleDb; 

using System.Data; 

using System.Net.Mail; 

using System.Net; 


Label3.Text = "User Name or Password 


Incorrect";. 
cmd.Dispose(); 


catch (Exception ex) 


. { 
Public partial class forgetPassword > System.Web.UI. Page Label3.Text = ex.Message; 


{ 
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) 


oom void passwordsend (string n String 
email) 
( 
try 
new smtpClient (); 


SmtpClient smtp = " 
il.com"; 


smtp.Host - "smtp.gmai 


smtp.Port - 587; // or 465 
= new 


smtp.Credentials = i : aa ñana | 
system.Net .NetworkCredential ("sanjayso eg Com", 


“your password"); 
smtp.EnableSsl = true; 
MailMessage msg = new MailMessage (); 
msg.Subject = "Forger password"; | 
msg.Body = "Dear " + TextBoxl.Text + ", your 

password is " + passwordl + "\n\n\n thanks & regards"; 
string toaddress - TextBox2.Text; 
msg.To.Add(toaddress); 
string fromaddress - "NGCCA 

<sanjaysoni@gmail.com>"; 
msg.From = new MailAddress (fromaddress) ; 


smtp.Send (msg) ; 

Label3.Text = "Password sent to your registered 
mail"; 

} 


catch (Exception ex) 
CC 
Label3.Text - ex.Message; 


} 
Design of the Change password 
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Change Password 


Enter Current Password 


Enter New Password 


Re-entere new password 


Code of the Change password page: 

using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI .WebControls; 
using System.Data.OleDb; 


public partial class changePassword : System.Web.UI.Page 


{ 
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. OleDbConnection con = new 
OleDbConnection ("Provider-Microsoft.ACE.OLEDB.12.0;Data 
Source-E: \\aspl.accdb") ; 


protected void Page Load(object sender, EventArgs e)' 
( 
con.Open (); 
} 
protected void LinkButtonl Click (object sender, 
EventArgs e) 
{ 


Response.Redirect ("login.aspx") ; 


CC-301 Web Application D 
) 


protected void 


( 


tonl click (object sender, EventArgs 3 
Buttons. 


try 


new OleDbCommand ( "select à 


d cmd = : 
olepbComman asswordl ='" + TextBoxl.Text , 


from registration where P 
nam con); f 
OleDbDataReader red; 


cmd.CommandType = 
System. Data.CommandType. Text; 
red - cmd.ExecuteReader 07 


. if (red.Read() == true) 
{ 
change () ; 
] 
else 


{ 


Label4.Text = "Password Incorrect"; 


cmd. Dispose () ; 


catch (Exception ex) 
{ 
Label4.Text = ex.Message; 
) 
) 
public void change() 
( 
try 
( 


if (TextBox2.Text -- TextBox3.Text) 
( 
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OleDbCommand cmd - 
OleDbCommand ("update re 


"'", con); 


cmd .CommandType = 
System. Data.CommandType. Text; 


emd.ExecuteNonQuery () 
Label3.Text = 
cmd.Dispose(); 

} 

else 

( 


Label4.Text - 
not same"; 


) 


catch (Exception ea) 
( 


Labell.Text - ex.Message; 


) 
Program : 3 and 4 


3. Design a web form and perform the following validations: 


e Null value is not allowed. 


e The birth date should appear between “1/1/1980” and “1/1/2000”. 


° Email should be valid id. 
* Contact number exactly of 10 digits 


4. Create one registration page and perform the following validations. 


* To validate email id 


I (Using C£) 


new 


i 
TextBox2.Text + "! „here a a obe de 
userName='" + TextBoxl.Text + 


. 
[4 


"User password Updated"; 


"Password and Rr-password 


* To compare new password and retype password 


* The roll no should contain first 3 characters 
BCAO2 
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Restrict the user to enter only date in tex 
date greater than current date. 
° Age should be between 18 to 35 
° Name field is compulsory 
° Mobile number must be of 10 digits only 
* Give demó of validation summary 


Design of the Program 3 and 4 


3 and 4 of Unit 3 


Program 


PE Ester tbe same 


Epee she date between 1/1/1980 16 H 12000 


Est Proper Eons ID 


Este Mobile No, pem uber propii Mobile Ne. (19 digit only) 


Enter password 


Exter retry password Please riter sae paese ` 


Enter Roll No. Enter Proper Rall Ne, 


Enter Date. [700000008078 0 Esadssiscdenshy 


Erter Age poems Yuletoge batwoes 181535 


* Eoo menel. 
4 Erry ange, 


Set the below properties for each validation control first 
(This for Null value is not allowed) 


Awa ([ wt Owe Tw Aw ws)” 


Z Set the below properties for the Mobile Number 10 digit: 
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Ced Mete A 
Campa Tad 
[474171 

ONOSAI fx 
Opes fasti. 
Vtde Se AR Ys 
Erne e 
tearzelrgmeg tose 
EPA eS o 


Set the below properties for enter age between 18 to 35: 
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ClientiDMode 


ControtTovalidate incid 
CssClass 
CulturelnvariantValues false 
Display Static 
EnabteClientScript True 
Enabled True 
EnableTheming True 

True 


Enter age between 18 to 35 
ForeColor FF5050 


Height 

MaximumValue 35 
MinimumValue. - 18 
SetfocusOnError 


False 


Not set any property for validation summary 


Program : 6 


Design a website having master page. Create sitemap file with 
suitable assumption and use it in TreeView and Menu control for 
navigation purpose. Also show demo of SiteMapPath Control. 
Answer: 


Same as Program 1 by adding Navigation control to master page side 
Note: Program 5, 7 and 8 are wizard program 


Answer: 


These programs are created using wizard controls as login, registration, change 
password, Login Name etc. by the below ASP.NET web application administration 
dialog box. 


Go to security option and set /manage the roles and authentication of the user. 
Please read the theory concept for more details for practical 
You can change/add/modify the wizard fields as requirements of program 5 
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ups €f wierc), amd COMA perpeyt, 
So ation? "Ores (des tar Contesa se 


ww. w... 


gases avi 
S CSS SES SS S X Ñ 
š © RRR 
L tere š $e Lol age af use the vato BOND 076 ta orf oeny ioi 
son Tool tà mart " 
Site Admenistyabon fex we Orbe y thes Kopie (5 om. £ 
rem M DA Ves carie used md ENT access to parts of Your ° = x 
` fr ; : - | | | 
{groups of users), and create permesons {aves roig Eo | š ° 
hi i vete 2e - mi 
ver Express da e in tha &sersatbo XXV ed ign VA: $ 


` SN 6 
š s information n 8 different 
an : 


ayaGenk Ax Xy P UT? yp 


By default, user infocmabon tS stored 


foider of your Web site. M you w: : ; 
Dat sse use the Provider tab to select a Atton provider. 


LLL ase ss 
wasu yap ye npe re = 
{ne toes C7) 
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vou can optonslly add votes, t FOP, š gy dee 
ë w ca us . EN 
eser? conso Dp senha Fotizeas in ver : tz fi; E £^ Leese 
sects op maagang, EAS, it "erben! wach att: Ghent AS T2 MD? Š P. Eg MV 


Selec’. 


- x 


vou Can Optionally QU Sones Vira CO Corot ac009$ tO the wh WED PEO OF UD 
SH TARE Fa das Con FEY TS SPALIO UAE Mat (ed, LY A EES, qo 
š © Basa. tases apote to sebfderns 


Creating and Managing Access Rules: : 

Click on "Create Access Rules" to add access rules for different users. | 
Before navigating to create access rules just move to your development window and 
add a folder and name it as "user1".- 

Add another folder in the same manner and name it as "user2". 

Note: This is only to differentiate different users as per the usér role basis; it's not a 
compulsion that this has to be done only in this way. You can have your own way of 
doing that. click on the "create access rules" link as below link 
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LoginStatus: 

<asp:LoginStatus I 

LoginText-"Sign In m i 
="Cj n Ou 

LogoutText="519 1t.aspx" 


plication Development- I (sg on - 
I . 
unat="server" edt : = SUA ve 
Loggedin1 em ate and write text *wel a In. nen c ange the views as 
LoggedInTemplate string ‘welcome’ e and take LoginName Control near 


«asp: LoginView ID="LoginView1" 


«oginstatusl" x 


LogoutPageUrl-"-/Defes, «LoggedInTemplate» een. 2 G 
LogoutAction-"Redirec* 51 Loggedout" /? welcome: 
onloggedout="Loginsta usi_ 

</LoggedInTemplate> 


authentication section of the web.config fie | aid 
i LoginViewy 


i i the 
To do this, Login Status control uses the 
This control provides the following two views as, 


i ed In. 
3. LoggedIn: It will be displayed, when the ner is = nm 
4. "Logout: It will bc displayed when the user is Logged In. 
: Loginstatus1 


After inserting the loginName control near string “welcome”, and run the web form then 
displayed the logged user name, before or after the inserting the user name and 
password in the login control. So LoginNmame control is used with loginView control 
for display the-name of current logged user. Like as, welcome [UserName] 


LoginView and LoginName control: 


The LoginView control is a web server control used for displaying the two differen 
views of a web page. It helps to alter the page view for different logged in Users, The 
current user's status information is stored in the control. The control displays logge 


user name using the LoginName control 3 


° @ @ @ @ 


.. Enter the User name and Password :; ^ — 
User Name:f "D . -— Ë 5 z 


` Password: | 


r-Remember me next time. 
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GetAllUsers: Gets a collection of all the users in the database 


4.2 Role class: 


In the User-Based ee tutorial we looked at using URL authorization to 
restrict certain users Irom a set of pages and explored declarative and ti 

i for adjust ; d programmatic 
techniques for adjusting an ASP.NET page's functionality based on the visiting user 
Granting permission for page access or functionality on a user-by-user basis, however, 
can become m ntenance nightmare in scenarios where there arc many user accounts 
or when users' privileges change often. Any time a user gains or losses authorization to 
perform a particular task, the administrator needs to update the appropriate URL 
authorization rules, declarative markup, and code. ASP.NET offers a Roles framework 
for defining roles and associating them with user accounts. With the Roles framework 
we can crcate and delete roles, add users to or remove users from a role, determine the 
set of users that belong to a particular role, and tell whether a user belongs to a 
particular role.Once the Roles framework has been configured, we can limit access to 
pages on a role-by-role basis through URL authorization rules and show or hide 
additional information or functionality on a page based on the currently logged on 


user's roles. 
» Methods of Role Class:- 
i. AddUsersToRole 
ii. AddUserToRole 
iii. CreateRole 
iv. DeleteRole 
v. FindUserInRole 
vi. GetUsersInRole 
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f the .NET Framework for Applicat 


4.1 Membership class: a 
š "Ee a : 
The ASP.NET Membership class js i» fault to create users, assign roles and s 
ures Sols It minimizes the effort of the develop 


security that provides some feat a 
izati ication to us : à 
authorization and authentica x provides the wizard to ui id the membr 
ases Der c Dun class provides the following features: 

settings. The ASP. "e. 

L Wizard-based configuration for user management capabilities. f 

x ii, Browser-based user management and access control configuration. 

The Membership and Roles classes that you can use to access user managemen 
capabilities within your code. E | 
A set of ASP.NET controls that provide users the ability to log on, log off, create 
new accounts and recover lost words and so on. | 
v. It uses ASP.NET and a database for configuration settings. 


This membership class provides the following static methods; 


L CreateUser 
ii DeleteUser 
HL FindUsersByEmail 
iv. FindUsersByName 


v. GetUser 
i manera vii. IsUserInRole 
: ers 
viii. RemoveUserFromRole(s) 


AddUsersToRole :- Adds the specified users to the specified role. 
AddUserToRole:- Adds the specified user to the specified role. 
e CreateRole:- Adds a new role to the data source. 


e DeleteRole:- Removes a role from the data source. 
FindUserInRole:- Gets a list of users in a specified role where the user name contains 


the specified user name to match. 
e GetUsersInRole:- Gets a list of users in the specified role. 
IsUserInRole:- Gets a value indicating whether the currently logged-on user is in the 
specified role. The API is only intended to be called within the context of an ASP.NET 


request thread, and in that sanctioned use case it is thread-safe. 
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CreateUser: This method adds a user to the database. Use this method if you create a 

custom page to enable users or administrators to add new accounts. 

DeleteUser: This method removes a user from the data store. Use this method if you 

create custom user management tools. 

° FindUsersByEmail:This method gets a collection of membership users with the 
specified email addresses. 

° FindUsersByName: This method gets a collection of membership users with the 
specified user names. 

. deg This method returns a Membership User object representing the current 
— -on user. Call this method any time you need to access the current user's account. 

* GeneratePassword: Generates a random password of the specified length. 


———— — 
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‘ ` res t 
e RemoveUserFromRole(s) :- Remov 


4.3 ProfileManager class: 


» ve user settings in a data source su 
: tore and retrieve ! ° Chay 
aot "is accessed Me been mastai Of th. 

a database. The u ) . d prope 1 us: 

: formation an file sett E 
ae pai tages ba ene class is used to pou P Ñ e w ec Search for 
profile provider. The d delete user profiles that are — dm ger in 
The Profi n s lass provid hods and o Fo can be acces 

e ager c ' i code. For an 
e ProfileManager class in Lise cles exampl 
the Example section in this topic and additiona' é 
the ProfileManager class. 
» Methods of ProfileManager class:- 


i. DeleteInactiveProfiles 
ii. DeleteProfile 
iii. DeleteProfiles 
iv. FindProfileByUserName 
v. GetAllProfiles 
vi. GetNumberofProfile 
DeleteInactiveProfiles:- Deletes user profile data for which the last activity date ang 


time occurred before the specified date and time. 
DeleteProfile:- Deletes the profile for the specified user name from the data:source, 


es static met 
Š, Sea 


supplied list of profiles. 


e FindProfileByUserName:- Retrieves all profile information for profiles in which the 


user name matches the specified name. 
e GetAllProfiles:- Retrieves user profile data for profiles in the data source. 
e GetNumberofProfile:- Gets the number of profiles in the data source. 


> Various Data Bound Controls Used in ASP.Net: 


ASP.NET provides a wide variety of rich controls that can be bound to data. 


Under the Data tab of the Visual Studio Toolbox, you can get several controls under the 
x tab that could be used to display data from a data source, like a database or XML 
c. 
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DeleteProfiles:- Deletes profile properties and information from the data source for the 
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EntityDataScurce 
FormView 
GridView 
LingDataScurce 
ListView 
ObjectDataSource 
Queryixtender 
Repeater 
Site¥apDataSource 
SqataSource 
XmlDataScurce 
Figure 4.1: Create Access Rules 


The standard ASP.NET data presentation controls are: 
i. Repeater I 
ü. DataList 
. iii. GridView 
iv. DetailsView 
v. FormView 


Š 


<== GROUP2 7— 
t. Repeater em 


em Je 


1. Datalist 
1. GridView š 
4. ListView e 
Description: Description: : 
"These fwo controls can only show individual These conirols show collection of records, and È 
are commonly called data list conirels. i 


record at the same fime. 


Figure 4.2: ASP.NET data presentation controls — 
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es the four controls Repeater, Datar 


CC-301 Web Applicatio 
we will usc a table p, ^ 


= " . Cre Ip thi 
` € go to the first grot : 
First of all, we go demonstration 


GridView and ListView.For Using this ta 
StudentDetails in our sample database nt control. Let’ 
data we stored in the table along with en NET 

at all of the standard controls used in ASP. 


trol: 
Repeater Con | ASP.NET 1.0.The ASP.NET Repeater is 


llows you to create custom lists from any data available 
we customized interface. It renders a read-only template: in 


to define custom binding. The Re 
ek te a Bind s only the Men Tor as container controls. The Repeater Kar 
Ta i nui im eated list of items that are bound to the control. b Contro] ma 
arene "il diese table, an XML file, or another list e ipn t o built-in 
layout or styles, so you must explicitly declare al bn S eee ae tags 
within the controls templates. You would require writing aM a “acu O pagin 
using this control. The Repeater repeats a layout of HTML yo » It has the leag 


functionality of the rest of the three controls. 


The Repeater control was introduced witl 


basic container control th 
the page. It provides a highly 


The Repeater control supports the following features: 


e List format 

e No default output 

e More control and complexity 

e Item as row 

e Paging, Sorting and Grouping requires custom code writing ( 

e only Web control that allows you to split markup tags across the templates 

e no built-in selection capabilities 

e no built-in support for edit, insert and delete capabilities 

° no built-in support for paging, sorting and grouping capabilities 

e no built-in layout or styles, need to declare all layout, formatting and style tags 
explicitly within the control's templates 

° Strictly emits the markup specified in its templates, nothing more and nothing 
less. 


° Using the data we stored in table Student of our sample database, the Repeater 
control will look like this. 
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Name:Sagar 
Citv:Ahmedabad 


4.4 DataList Control: 


The DataList control was introduced with ASP.NET 1.0. DataList is the next step up 
from a Repeater; except you have very little control over the HTML that the control 
renders. DataList allows you to repeat columns horizontally or vertically. The DataList 
control renders data as a table and enables you to display data records in various 


` layouts, such as ordering them in columns or rows. You can configure the DataList 


control to enable users to edit or delete a record in the table. We can use a DataList 
control where we need a single-column list. The DataList control works like the 
Repeater control, used to display the data in a repeating structure, such as a table. It 
displays data in a format that you can define using a template and styles. However, it 
arranges the data defined in the template within various HTML structures. This includes 
options for horizontal or vertical layout and.it also allows you to set how the data 
should be repeated, as flow or table layout. The DataList control does not automatically 
use a data source control to edit data. Instead, it provides command events in which you 
can write your own code for these scenarios. 


You can configure the DataList control where the user can edit or delete a record in the 
table. 


The DataList control supports the following features: 
° Support for binding data source controls such as SglDataSource, LinqDataSource 
and ObjectDataSource 


e Directional rendering 
° Good for columns 


I (Using C#) 


evelopment- 


CC-301 Web Application D 
° [temas cell 
° Updatable 
« Control over Alternate item f 
e Paging function needs handwriting. 


ro: ¿Z 
name. Rajesh 
bins Ahmedabad 


hame:AKshay UU 
Ry Mumbai 277 


GridView Control: 


ASP.NET provides a number of tools for showing tabular data in a grid, including the | 
GridView control. It was introduced with ASP.NET 2.0. The GridView control is used | 


to display the values of a data source in a table, 
Each column represents a field where cach row represents a record. It can also display 


empty data. The GridView control provides many built-in capabilities that allow the | 
user to sort, update, delete, select and page through items in the control. The GridView | 
control can be bound to a data source control, in order to bind a data source control, st. | 


the DataSourceID property of the GridView control to the ID value of the data source 
control. It's considered a replacement for the DataGrid control from .NET l... 
Therefore, it is also known as a super DataGrid. The GridView control offers 
improvements such as the ability to define multiple primary key fields, improved ust 
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iii and templates and a new model for handling 
ting compared to DataGrid and ListView. 
The GridView control supports the following featu 


Improved data source binding Capabilities 
Tabular rendering — displays data as a table 
Item as row 

Built-in sorting capability 

Built-in select, edit and delete capabilitics 
Built-in paging capability 

Built-in row selection capability 

Multiple key fields 


Programmatic access to the GridView object model to dynamical ; 
handle events and so on ynamically set properties, 


Richer design-time capabilities 
Control over Alternate item, Header, Footer, Colors, font, borders, and so on. 
Slow performance as compared to Repeater and DataList control 


272] 
27] 


interface customization using bound fi 
or canceling events. Performance is s| 


Tes; 


Jamnagar Edit Delte 

Ahmedabad Edit Dejete Setect 2 
Mumbai Edit Delete Select 3 
Ahmedabad Edit Delete Salang 4 
Ahmedabad Edit Delete Select 5 


DetailsView control: 


The DetailsView control was introduced with ASP.NET 2.0. The DetailsView control 
uses a table-based layout where each field of the data record is displayed as a row in the 
control. Unlike the GridView control, the Details View control displays one row from a 
data source at a time by rendering an HTML table. The DetailsView supports both 
declarative and programmatic data binding. The DetailsView control is often used in 
master-detail scenarios where the selected record in a master control determines the 
record to display in the DetailsView control. It shows the details for the row ina 
Separate space. We can customize the appearance of the DetailsView control using its 
style properties. Alternatively, we can also use Cascading Style Sheets (CSS) to provide 
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fuo: I 


in 
styles to a DetailsView cor tecon 
and is provided by multiple 


functions. 


wing features: 


follo 
The DetailsView control supports the 4.5 ADO.NET: 


e Tabular rendering : time . 
° Supports column layout, by default two golpia ata ADO.NET ie x sa A sa to interact with data sources such as 
* Optional support for paging and navigation. databases a eee is the acronym for ActiveX Data Objects. It allows us to 

me ; connect to underlying data Or databases. It has classes and methods to rctrieve and 
e Built-in support for data grouping bilities manipulate data. The following are a few of the .NET applications that use ADO.NET 


to connect to a database, execute commands and retrieve data from the database: 
v ASP.NET Web Applications 
Y Console Applications 
Y Windows Applications. 
Various Connection Architectures: 
There are the following two types of connection architectures: 
1. Connected architecture: the application remains connected with the database 
throughout the processing. ` 
2. Disconnected architecture: the application automatically connects/ disconnects during 
the processing. The application uses temporary data on the application side called a 
DataSet. 


e Built-in support for edit, insert and delete capa 


» FormView control: i 
The FormVicw was intreduced with ASP.NET 2.0. The FormView control renders 4 
single data item at a time from a data source, even if its data source exposes a multiple 
records data item from a data source. It allows for a more flexible layout when 
displaying a single record. The FormView control renders all fields of a single record in 
a single table row. In contrast, the FormView control does not specify a pre-defined 
layout for displaying a record. Instead, you create templates that contain controls to 
display individual fields from the record. The template contains the formatting, controls 
and binding expressions used to lay out the form. When using templates, we can place 
any control such as a dropdown list, checkbox and we can even place tables and rich 
controls like a GridView and so on. A FormView is a databound control used to insert, , 
display, edit, update and delete data in ASP.NET that renders a single record at a time. 
A FormView control is similar to a Detail View in ASP.NET but the only difference is 
that a Details View has a built-in tabular rendering whereas a FormView requires a user- 
defined template to insert, display, | edit, update and delete data. 


[Understanding ADO.NET and it's class library] 


DATABASES 
Vot Feet. 


The FormView control supports the following features: 
1. Template driven 
2. Supports column layout 
3. Built-in support for paging and grouping 
4. Built-in support for insert, edit and delete capabilities 
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Figure 4.3: class library screen 
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ODBC, XML files and so on). 
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In this diagram, we can sec that there a A 
Application, Console Application, eo a Db, 
to connect to databases (SQL Server, Oracle, 


Important Classes in ADO.NET ing diagram are as follows: 
We can also observe various classes in the preceding 
i. Connection Class 
ii. Command Class 
Hi. DataReader Class 
iv. DataAdaptor Class 
v. DataSet.Class 
vi. CommandBuilder Class 


i Connection Class: he database. Th 
In ADO.NET, we use these connection classes to connect to tie i à To leara ch 
connection classes also manage transactions and connection pooling. es 


about connection classes. 
Properties: 


Connection string is used to establish and create connection to data 
source by using server name, database name, user id and 


password. 


By this property, we can check your current connection open or close 
before connection opening or closing 


Close method is used, when any current connection is open and finally its 
closed after completed execution. 


Connection 
String 


Methods: 


Open method is used, if current connection is close then before execution 
started. First of all You have opened connection must. 


ii, Command Class: 


The Command class provides methods for storing and executing SQL statements and 


Stored Procedures. The following are the various commands that are executed by the 
Command Class. 


CC-301 Web A 
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properties: | 


This property is used to : 
ie i Bet conn E 
specified in SqlConnectinn ection to the database source which is 


Methods: 
ExecuteReader (): Returns data to the clie 
select statement or a Stored Procedure that i 


method returns a DataReader object that can be used to fill j 
directly for printing reports and so forth. A Dera ene ject or used 


ExecuteNonQuery(): Executes à command that changes the data in the database such 
as an update, delete, or insert statement, or a Stored Procedure that contains one E: more 
of these statements. This method returns an integer that is the number of rows affected 
by the query. 

ExecuteScalar O: This method only returns a single value. This kind of query returns a 
count of rows or a calculated value. 


ii; DataReader Class: 


The DataReader is used to retrieve data. It is used in conjunction with the Command 
class to execute an SQL Select statement and then access the returned rows. À data 
reader provides an easy way for the programmer to read data from a database as if it 
were coming from a stream. The DataReader is the solution for forward streaming data 
through ADO.NET. The data reader is also called a firehose cursor or forward read- 
only cursor because it moves forward through the data. The data reader not only allows 
you to move forward through each record of database, but it also enables you to parse 
the data from each column. The DataReader class represents a data reader in 
ADO.NET. 


Properties: 
i Eg Gets the value of a column in native format 
Methods: 


Reads next record in the data reader. 
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iv. DataAdapter Class: databases. The DataAdapter is most 
aAdapter is used to connect DataSets to "Forms, but it can also be used 
seti when ae data-bound controls in findow on your application and the 
oar ee MUS i manage the conncction w = 
provi can casy way O : d Stored Proce u š 
derlying database tables, views an | sAdaptir TA 
di ë ee new object in the AD ONET se ie P A mS sor 
th Da a p. "i is embedded in its name: It perfo base that's held in the DataSet 
ut he d ta source on the server into the data de ihat should be cams . To 
insita DataAdanter lets us specify the comman( Out to 
retrieve and update data. . 
In ADO, if we used a client-side Recordsct, our yarn S me Mes E 
ce This had lots of advantages, not the a the data. This wol ou 
ve ; and still wo he data. T x 
up the connection so that 1 


application's scalability. 
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Properties: 


Methods: 


v. DataSet Class: 


The DataSet is the heart of ADO.NET. The DataSet is essentially a collection of 
DataTable objects. In turn cach object contains a collection of DataColumn and 
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a Relations collection tha 
> t can be used to 
bjects. The ADO.NET DataSet contains 


back into memory very easily. A DataSet 


as XML documents can read and write data and schema 


CommandBuilder Class: 


The DataAdapter is a part of the ADO.NET Data P 
used to manage four separate Command objects. 


The InsertCommand ,the UpdateCommandand DeleteCommand properties of the 
SqlDataAdapter object update the database with the data modifications that are run ona 
DataSet object. The SqlCommand objects that are assigned to these properties can be 
created manually in code or automatically generated by using 
the SqlCommandBuilder object. The SqlCommandBuilder opens the Connection 
associated with the DataAdapter and makes a round trip to the server each and every 
time it's asked to construct the action queries. It closes the Connection when it's donc. 
The following C# Source Code demonstrate how to use the SqlDataAdapter object to 
update a SQL Server database with data modifications that are run on a DataSet 
Object that is populated . with data. from a table in the database 
using SqlCommandBuilder object. 


rovider. ADO.NET DataAdapter is 


@ @ @ @ @ 


,Pw 
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Q-1 Answer the following questions In iei features. 
1. Explain GridView, Repeater and DataList control s 

2. Explain DetailsView and FormView control with its ien 
3. What is ADO.NET? What is connected and disconne 

4. Whatis connection and Command class? Expl 
5. Explain DataAdapter and Dataset in detail. 

6. Explain membership class and its method. 

7. Explain Role class and its methods. 

8. Explain ProfileManager class and its method. 


vironment? 


Q-2 Answer the following questions in short: 


1. Write any two methods of Role Class. 
2. What is command object? 
3. Write any two Gridview control properties. 


4. Whatis use of DataReader? 
5. Explain ExecuteReader() & ExecuteNonQuery() methods of command class. 


6. Write difference between FormView Control and ListView Control. 
7. Whatis ADO.NET? 


Q-3 Answer the following MCQ : , i .. 
4. Which of the following is DataReader class property? 


(a) init (b) command (c) read (d) item 
2. Which of the following is DataAdapter class method? 
(a) insert (b) select (c) update (d) delete 
3. Database is stored under which of the following Asp.net directory? 
(a) App Code (b) App Data (c) Bin (d) App. LocalResources 


4. Which programming model should you implement if you want to separate your server- 


side code from your client-side layout code in a Web page? 


(a) Single-file model (b) Code-behind model 
(c) Inline model (d) Client-server model 

5. Which of the following command will return only single value. N 
(a) ExecuteScalar (b) ExecuteReadef ` 
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á. Which are the Command Object Methods? 


7, When you create a relationship between tables ; 


ain properties and methods of it. 
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(c) ExecuteNonQuery evelopment- [ (Using Ca) 


(d) None of above 


a) ExecuteScalar 

s ExecuteNonQuery » Pane 
(a) A UniqueConstraint is added to the parent ig ee DataSet? 
(b) A ForeignKeyConstraint is added to the child ta 
(c) Both a and b 
(d) None 

e. Which ado.net class provide disconnected environment? 
(8) DataReader 
(b) DataSet 
(c) Command 
(d) None of above 


9. The first record in a dataset has a position property of : 
(a) Zero 
(p) One 
(c) Any value defined by programmer 
(d) All of above 


10. Which of the following is not a DataReader method? 
(a) NextResult 
(b) GetName 
(c) GetValue 
(d) GetDataType 


ble by default 


MCQ Answers: 
(Dd Q)c G)b (4)b (5)a 
(6) d (7)c (8) b (9) a (10) d 


0000© 
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ca 


Program : 1 

Create a database with two 
rollno, name and year of 
contain marks of three subjec I 
all the students in a DropDownList a d 
particular student's score recor 
FormView/ DetailView control. 


Default.aspx: 


«£80 Page Language= 
CodeFile="Default3.aspx.cs 


tables as StudentInfo, which Con 
a student and StudentScore Whi 

ts for each student. Display nam, , 
nd according to user’s cho 


. ic 
should display in ° 


i -"true" 
[T] " AutoEventW1 reup o 
x. " Inherits-"Default3" > 


" TD XHTML 1.0 
<!DOCTYPE html PUBLIC "-//W3C//D 
Transitional//EN" "http://www. w3.org/TR/xhtmll/DTD/xhtm]]. 


transitional.dtd"> 


<html xmlns-"http://www.w3.0rg/1999/xhtml"» 


<head runat="server"> 


<title></title> 

</head> 

<body> 
<form id-"forml" runat="server"> 
<div> 


<asp:DropDownList ID-"DropDownListl" 
runat="server" AutoPostBack="True" 


DataSourceID="SqlDataSourcel" 
DataTextField-"name" DataValueField-"rno"» 


</asp:DropDownList> 


<asp:SqlDataSource ID="SqlDataSourcel" 
runat="server" 
ConnectionString="<%$ 
ConnectionStrings:ConnectionString $»" 
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elopment- I (Using Ca) 
aSource> 


SelectComman 
[studinfo]"»«/asp:SqlDat 
<br /» 


«asp: FormView ID-"F 


OrmVi " 
packColor="White" 1ewl 


runat="server" 
BorderColor="43366¢ š 

: C" B "—- : 

BorderWidth-"lpx" CellPadding-"4» orderStyle-"None 


DataKeyNames="rno" 
DataSourceID-"SqlDataSource2" 


<EditItemTemplate> 
rno: 


<asp:Label ID="rnoLabel1" E 
Text='<%# Eval ("rno") %>' /> runat= 


<br /> . 
php: 


<asp:TextBox ID="phpTextBox" 
runat="server" Text='<%¢# Bind ("php") %>' /> 


<br /> 
java: 


GridLines="Both"> 


"server" 


<asp:TextBox ID="javaTextBox" 
runat="server" Text='<%# Bind ("java") %>' /> 


<br /> 
python: 


<asp:TextBox ID="pythonTextBox" 
runat="server" Text='<% Bind("python") $»' /» 


B «br /» 


«asp:LinkButton ID-"UpdateButton" 
runat-"server" CausesValidation-"True" 


CommandName-"Update" Text-"Update" /» 


&nbsp;<asp:LinkButton 
ID="UpdateCancelButton" runat="server" 


CausesValidation="False" 
CommandName="Cancel" Text="Cancel" /> 


</EditItemTemplate> 


<EditRowStyle BackColor="#009999" Font- 
Bold-"True" ForeColor="#CCFF99" /> 


CC-301 Web Appli 
<Footerstyle Bac 


" > 
ForeColor="#003399" / - 
«HeaderStyle BackColo 


à p" /? 
Bold-"True" ForeColor="#CCCCF 


kcolor="#99CCCC" 


"#003399" Font- 


«InsertltemTemplate? 
rno: I 
<asp: TextBox gis saya 
i d ' " s 
runat="server" Text='<%# Bind("rno") 
«br /> 
php: 


=' tBox" 
<asp: TextBox ID="phpTex 


' ' %>' /> 
runat="server" Text='<%# Bind ("php") %>' / 
<br /> 
java: 


<asp:TextBox euge rdi 
runat="server" Text='<%# Bind("java") > 

<br /> 

python: 

<asp: TextBox ID="pythonTextBox" 
runat="server" Text='<%# Bind("python") %>' /> 

<br /> 

<asp:LinkButton ID-"InsertButton" 
runat="server" CausesValidation="True" 

CommandName=" Insert" Text-"Insert" /> 

&nbsp; <asp:LinkButton 

ID-"InsertCancelButton" runat="server" 


CausesValidation="False" 
CommandName-"Cancel" Text="Cancel" /> 


</InsertItemTemplate> 
<ItemTemplate> 
rno: 


<asp:Label ID="rnoLabel" runat="server" 
Text='<s# Eval ("xno") %>' /> 


<br /> 
php: 
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Text='<%# Bind ("php") +Y 27 PhpLabel" runat-"server" 
<br /» 
java: ` š 
<asp:Label [p= 
Text='<%# Bind("java") %>' /» 
<br /» 


python: 


Ws 
JavaLabe]" runat="server" 


<asp:Label ID="pythonLab 1" 
Text='<t# Bind("python") %>' /> ° 


<br /> 
</ItemTemplate> 


<PagerStyle BackColor="#99cccc" 
ForeColor="#003399" HorizontalAlign="Left" /> 


<RowStyle BackColor="White" 
ForeColor="#003399" /» 


</asp:FormView> 


<asp:SqlDataSource ID-"SqlDataSource2" 
runat-"server" 


runat-"server" 


ConnectionString-"«£$ 
ConnectionStrings:ConnectionString %>" 


SelectCommand-"SELECT * FROM [subjectmark] 
WHERE ([rno] = @rno) "> 


<SelectParameters> 
<asp:ControlParameter 


. ControlID-"DropDownListl" Name="rno" 


PropertyName-"SelectedValue" 
Type-"Decimal" /> 


</SelectParameters> 
</asp:SqlDataSource> 


</div> 

</form> 
</body> 
</html> 
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Program : 2 e online in a hotel. The , 
ation to reserv € s 
iu. ii Mies B acivil number of diy p, number of 
pump He would be able to confirm Wed t, 
pay advance on confirmation. 


Default.aspx: 


<$@ Page Language^ 
CodeFile="Default3.aspx-CS 


ntWireup="true" 


"cg" AutoEve "Default3" %> 


" Inherits= 


-//w3c//DTD XHTML 1.0 


<!DOCTYPE html PUBLIC " 3 org/TR/xhtm11/DTD/xhtm11- 


Transitional//EN" "http: //www.W 
transitional.dtd"> 
J "> 


«html xnlns-"http: //www.w3.019/1999/xhtm 


«head runat="server"> 
«title»Online Hotel Bookin 
<style type-"text/css"? 
.stylel 
{ 
width:100%; 
} 
.style2 
( 


g</title> 


</head> 
<body> 
<form id="forml" runat="server"> 
<table class-"stylel"» 
<tr> 


<td colspan=2”> Online Hotel Room Booking 
System</td> 


</tr> 
«tr» 
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5 clopment- 
<td class= Style2”> iius ent I (Using Cp) 
<td> n Date:</td> 


<asp:TextBoxId=”Textbox1” 
runat-"server"»C€/asp:Textbox» 


</td> 
</tr> 
<tr> 

«td class-"style2" 

«td» 

«asp: TextBoxId-"Textbox2" 
runat-"server"»«/asp:Textbox» 
«/td» 

</tr> 
<tr> 


> Number of Days:</td> 


<td class-"style2"» Room Type:«/td» 
«td» K 
<asp:DropDownListID=”Dro i 
pDownList1” =” # 
AutoPostBack-"true"»«/asp:DropDownList» duré cia 
«/td» 
</tr> 
<tr> 
<td class-"style2"» Number of Guest:</td> 
<td> 
«asp:TextBoxId-"Textbox3" 
runat-"server"»«/asp:Textbox» ` 
</td> 
</tr> 
«tr» 
«td class-"style2"» Advance Payment (Rs.) :«/td» 
«td» 
«asp: TextBoxId-"Textbox4" 
runat-"server"»«/asp:Textbox» 
</td> 
</tr> 
<tr> 
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n= 
<td class-"style2" ue ttonl” runat="server” 
u 
ID-"Radio 
«asp:RadioButton^^ "J> , 
, =”ves 
GroupName-"confirm" text= Ye runat="server” 


-"RadioButton2" 


<asp: :RadioButtonID= s 


GroupName-"confirm" text-"no 

</td> 

</tr> 

<tr> xa 
<td class-"style2" colspan= 27: 

-u r 

«asp: :ButtonID-"Buttonl"^ runar” pere 

onClick-"Buttonl _ Click" text="Subm 

«/td» 

«/tr» 


«tr» 

«td class-"style2" colspan- 
runat-"server" Height-"160px" 
TextMode-"MultiLine"»«/asp:Textbox? 
«/td» 

</tr> 
</table> 
<div> 
</div> 
</form> 
</body> 
</html> 


"2s, «asp:TextBoxId-"Textbox5" 


default.aspx.cs I 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
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using System.Data; 


using System.Data.SqlClient; 


‘velopment. I (Using Cg) 


ublic partial class Default : 
° System.Web.UI.Page 


protected void Page Load(object sender, 


( 


string s=”Data Source= 
.NASQLEXPRESS; AttachDbFilename 
\\Database.md£”; 


OleDbConnection cn=new OleDbConnection (s) ; 

String str-"select * from hotel"; 

OleDbCommand cmd-new OleDbCommand (str, cn); 

OleDbDataReader dr; 

cn.open () ; 

dr=cmd.ExecuteReader ().; 

while (dr.read()) 

{ 
DropDownListl.Items.Add(dr[1].ToString(); 
) 

cn.close(); 

} 

protected void Buttonl Click(object sender, EventArgs e) 
pO 

String s-"Data Source- 


. \\SQLEXPRESS; AttachDbFilename-|DataDirectory| 
\\Database.mdf”; 


OleDbConnection cn=new OleDbConnection(s); 


String str-"select price from hotel where 
hotelroomtype-' ”+DropDownList1.SelectedItem+”’”; 


OleDbCommand cmd=new OleDbCommand (str,cn); 
int i; 

cn.open () ; 

i-Convert.ToInt32 (cmd.ExecuteScalar()); 


EventArgs e) 


=|DataDirectory| 


—. 


i ent- 
CC-301 Web Application Developme! 
cn.close(); | 
if (RadioButtonl.Checked--True 
| 1.Text; 

44 tboxl. 

Ec R rs i | penteboxd Text 

m s: 
E credence et ownListl.SelectedItem; 


Textbox5.Text4-"Room Type:" + DE Textbox3.Text; 
Textbox5.Text4-"Number of Guest: + 


DU extbox4.Text; 
Textbox5.Textt+="Advance Payment (RS-) : T 


: I SUO 
Textbox5.Textt="Total Bill anaes — 
Convert.ToString (Convert.ToInt32 (Tex . 


] 

else 

; (d 
Textbox5.Text-"Booking Cancelled.."; 

) 

) 

) 

Program : 3 : 

Create an application to display all records from an Employee table 

with proper formatting. (Use Repeater Control). 

Default.aspx: 


<%@ Page Language="C#" AutoEventWireup-"true" 
CodeFile="Default.aspx.cs" Inherits=" Default" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 


tránsitional.dtd"» 


<html xmlns-"http://www.w3.0rg/1999/xhtml"» 
<head runat="server"> 
<title></title> 
</head> 
<body> 
<form id-"forml" runat="server"> 
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<div> 


<asp: Repeater ID="Repeater}n 
patasourceID="SqlDataSourcei"> 
<ItemTemplate> 
<div classz"c1"» 
Employee Id:<%#Eval ("empno") %><b 
" LL] o r />Em 1 
Name:<%#Eval("name") %><br />City:<t#Eval ("city") vocbr 


/></div> 
</ItemTemplate> 


<SeparatorTemplate> 
<hr color="blue" /> 
</SeparatorTemplate> 


Tunat="seryern 


</asp:Repeater> 
<hr color="blue" /> 
<asp:SqlDataSource ID-"SqlDataSourcel" 
runat="server" 
ConflictDetection-"CompareAllValues" 
ConnectionString="<%$ 
ConnectionStrings:ConnectionString %>" 
DeleteCommand="DELETE FROM [emp] WHERE [empno] 
= @original_empno AND (([name] = @original_name) OR 
([name] IS NULL AND @original name IS NULL)) AND (([city] 
= @original city) OR ([city] IS NULL AND @original city IS 
NULL))" 
InsertCommand-"INSERT INTO [emp] ([empno], 
[name], [city]) VALUES (@empno, @name, @city)" 
OldValuesParameterFormatString-"original (0]" 
SelectCommand-"SELECT * FROM [emp]" 
UpdateCommand-"UPDATE [emp] SET [name] - 
(name, [city] = Gcity WHERE [empno] = @original_empno AND 
(([name] = @original name) OR ([name] IS NULL AND 
@original name IS NULL)) AND (([city] = Goriginal city) OR 
((city] IS NULL AND Goriginal city IS NULL))"> 
<DeleteParameters> 


w= 
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me- 
<asp: Parameter Na 


Type="Decimal" /> 


j i " 
e="original_name 
«asp: Parameter Nam 


Type="String" /> 


="original city" 
<asp: Parameter Name-"orig ú 


Type="String" /> 


«/DeleteParameters? 
<InsertParameters? 
<asp: Parameter Name-"empno" Type="Decimajn 
/> d 
«asp: Parameter Name-"name" Type-"String" 
/> 
<asp: Parameter Name="city" Type="String" 
/> 
</InsertParameters> 
<UpdateParameters> 
<asp: Parameter Name="name" Type="String" 
/> 
<asp:Parameter Name="city" Type="String" 
/> 


<asp:Parameter Name-"original empno" 
Type-"Decimal" /» 

«asp:Parameter Name-"original name" 
Type-"String" /» 

<asp:Parameter Name-"original city" 
Type-"String" /» 

</UpdateParameters> 
</asp:SqlDataSource> 


</div> 

</form> 
</body> 
</html> 
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à E field 
pescription, CategoryName, Producto NL etree, 


° e (*) 
productList.aspx. This page lists the pages to ano 


to the category selected by the user on E iat ele belongs 
page has small image of the product and price o Ee Page. The 
clicks on small product image then user will be dh ds en user 
ProductDetails.aspx page. Which shows all the end e. to 
product with larger image? of the 


Default.aspx: 


«$0 Page Language="C#" AutoEventWireup-"true" 
CodeFile="Default.aspx.cs" Inherits-" Default" $> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 


Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 
transitional.dtd"» 


<html xmlns-"http://www.w3.0rg/1999/xhtml"» 
«head runat="server"> 


«title»«/title» 
</head> 
<body> 

<form id="forml" runat="server"> 
<div> 


<asp:GridViewID="GridViewl” runat="server” 
AutoGenerateColumns-"False" DataSourceID-"SqlDataSourcel"» 


«columns» 


«asp: TemplateFieldHeaderText-"category" 
SortExpression="category”><EditItemTemplate> 


<asp:TextBoxID="TextBoxl” runat="server” Text='<3# 
Bind (“category”) %>’ ></asp:TextBox> 


</EditItemTemplate> 
<ItemTEmplate> 
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«asp:HyperLinkID-"Hl" runat^ # "ProductDetail.aspx?i-(o], 


i =! <$ "categor : ink» 
Tea eee sapa Nas ares 
</ItemTEmplate> 
</asp:TemplateField> 
</Columns> 
</asp:GridView> 
<asp:DataSourcelD="sqlDatasource!” 

ile-"-//Database.m 
Cubo ue epic DISTINCT [category] FROM [product], 
</asp:SqlDataSource> 
</div> 
</form> 
</body> 
</html> 


runat="server” 


Default2.aspx: 
<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile="Default2.aspx.cs" Inherits="_Default" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 | 
Transitional//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml11- 


transitional.dtd"> 


<html xmlns-"http://www.w3.0rg/1999/xhtml"» 
<head runat="server"> 


<title></title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:DetailsViewID="DetailsViewl runat="server” 
AllowPaging="True” AutoGenerateRows="False” š 


DataSourceID=”SqlDataSourcel” Height-"80px" width=”160px"> 
<Fields> 
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casp: BoundFieldDataField="pri cen fee 1 (Using CB) 
sortExpression=”Price”/> aderTExt="price” 
casp: TemplateFieldHeaderText= 
cedititemTemplate> 
«asp: TextBoxID-"TextBox1" runat 
Text-' <%#Bind ("producturl")&»: 
cInsertItemTemplate> 
casp: Text BoxID="TextBox1” runat="server” 
Text-' <%#Bind (“producturl”) %>’ ><asp: TextBox> 
«/InsertItemTemplate» 
<ItemTemplate> 
«asp: ImageButtonID-"ImageButtonl^ runat="server” 
Height="50px” Imageurl-'«$£Eval (“producturl”) $> 
postBackUr1="<%#Eval ("producturl","Default3.aspx?i-(0)"] 
got /> 
</ItemTemplate> 
«/asp: TemplateField» 
</Fields> 
</asp:DetailsView> : 
«asp:DataSourceID-"SqlDataSourcel" runat="server” 
DataFile-"-//Database.mdf" 
SelectCommand-"SELECT [price], [producturl] FROM [product] 
WHERE ([category]-2?"» 
<Selectparameters> 
<asp:QueryStringParameterName="category” 
QueryStringField-"i" Type-"String"/» 
</Selectparameters> 
</asp:SqlDataSource> 
</div> 
</form> 
</body> 
</html> 


“Producturl”y 


=”server” 
><asp:TextBox> 


Default3.aspx: 
«$8 Page Language="C#" AutoEventWireup-"true" 


CodeFile-"Default3.aspx.cs" Inherits-" Default" %> 


—— " 
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: TD XHTML 1.0 
<!DOCTYPE html PUBLIC "-//W3C//D 
Transitional//EN" "http: / /www.w3. org/ TR/xhtml1/DTD/xhtmi. 


transitional.dtd"» 


«html xmlns-"http://www.w3.0rg/1999/xhtml"» 
<head runat="server"> 


<title></title> 

</head> 

<body> 
<form id="forml" runat="server"> 
<div> 


<asp:DetailsViewID="DetailsViewl runat="server” 
AllowPaging="True” DataKeyNames-"pcode" 
AutoGenerateRows-"False" DataSourceID="SqlDataSource1” 
Height-"80px" width-"160px"» 

«Fields» 

<asp:BoundFieldDataField="pcode” HeaderText="Product Code” 
ReadOnly-"True" SortExpression-"pcode"/» 
<asp:BoundFieldDataField="pname” HeaderText-"Product Name” 
ReadOnly-"True" SortExpression-"pname"/» " 
<asp:BoundFieldDataField=”category” HeaderText="Category” 
ReadOnly="True” SortExpression="Category”/> 
<asp:BoundFieldDataField="price” HeaderText-"Product 
Price" ReadOnly="True” SortExpression-"price"/» 

sasp: BoundFieldDataField="desc” HeaderText="Product 
Description” ReadOnly="True” SortExpression-"desc"/» 
<Sasp:TemplateFieldHeaderText="producturl”> 
<EditItemTemplate> 

<asp: TextBoxID="TextBoxl” runat="server” 
Text=’<%#Bind (“producturl”) $>'><asp:TextBox> 
<InsertItemTemplate> 
<asp:TextBoxID="TextBox1l” runat="server” 
Text="<t#Bind(“producturl”) $>’ ><asp:TextBox> 
</InsertItemTemplate> 

<ItemTemplate> 
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«asp: ImageID-"Image]^ iage — 000 


= ` ser ” 
Imageurl=' <%#Eval ( Producturi”) gsr 7, 
</ItemTemplate> 
«/asp: TemplateField» 
</Fields> 


«/asp:DetailsView» 
«asp: DatesourcetrDe"SqlDatasburcss " 
DataFile-"-//Database.mdf" 


SelectCommand-"SELECT a 
([producturl]-?"» 


«Selectparameters» 


<asp: QueryStringParameterName="productur]” 
QueryStringField-"i" Type-"String"/» 
</Selectparameters> 

</asp:SqlDataSource> 

</div> 

</form> 

</body> 

</html> 


runat="server” 


[product] WHERE 


Program : 5 

Create a product table having field (ProductCode, Name, Price, 
Description, CategoryName, ProductURL etc.). Design a webpage so 
the Admin can enter the new product details. Use file upload 
control for the ProductURL field which also upload the product 
picture to some specific folder called ‘ProductImages’. After 
successful insertion redirect user to the 'ProductList' page where 
all product details displayed in the GridView with small product 
image. 

Default.aspx: 


«$6 Page Language="C#" AutoEventWHireupe"true", 
CodeFile-"Default.aspx.cs" Inherits-" Default" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML qe instale 
Transitional//EN" "http: //www.w3.org/TR/xhtm 
transitional.dtd"» 
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9/xhtml"? 
«html xml ns«" http: / /waw.w3. 0x9/199 


«head runat="server"> 
<title></title> 
<style type="text/css"? 
.stylel { 
width: 89%; 
} 
.style2 
{ 
width: 237px; 
} 
.Style3 
( 
width: 300px; 
) . 
«/style» 
«/head» 
<body> 
«form id="forml" runat="server"> 
<div> 


<table class-"stylel" width="50%"> 
<tr> 
<td colspan="3"> 


<center> <asp:Label ID="Lb1Title" 
runat="server" Text="Product Detail Form" 


Font-Bold="True" Font-Size="X- 
Large"></asp:Label></center> 


</td> 


</tr> 
<tr> ç 
«td class-"style2" align="right"> 
Productcode</td> 
<td class="style3"> 
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txtpcoden 
tBox» 


. .  Sasp:TextB 
runat="server" Width="87px" 


</td> 
<td rowspan="5"5 


ox ID=" 
></asp:Tex 


<asp:Image ID=" : 
Height-"122px" WHidth-"ll6px" /> Imagel" runat 


="servern 
</td> 
</tr> 
«tr» 
«td class-"style2" align="right"> 


Name</td> 
<td class="style3"> 


<asp:TextBox ID="txtname" 
runat="server" Width="296px"></asp:TextBox> 


</td> 


</tr> 
<tr> 
<td class="style2" align="right"> 
Photo</td> 
<td class="style3"> 


<asp:FileUpload ID-"FileUploadl" 
runat="server" /> 


</td> 
</tr> 
<tr> 
<td class="style2" align="right"> 
Price</td> 


<td class="style3"> 


<asp:TextBox ID="txtprice" 
runat="server" Width="295px"></asp: TextBox> 


</td> 


</tr> 
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pes ign-"right"» 
: «td class-"style2" align= rig 
pescription</td> 
="style3"? nm 
me rin sa ID-"txtdescription" 
asp: 
' : tBox> 
runat="server" Width-"88px'"»«/asp:Tex 


«/td» 


«/tr» 


«tr» 
<td class-"style2" align- right"? 


Category Name</td> 
«td class="style3"> l 
<asp:TextBox ID-"txtcatname' 
runat="server"></asp:TextBox> 
</td> 


</tr> 
<tr> 
<td colspan="3"> 
<center> 
<asp:Label ID="lblMessage" 
runat="server" Font-Bold="True" Font-Size="Medium" 
ForeColor="Blue" Text="Data 
Successfully Saved..." Visible="False"></asp:Label> 
<asp:Button ID="btnSubmit" 
runat="server" Text="Submit" onclick="btnSubmit_Click" 
/> 
<asp:Button ID="btnClear" 


runat="Server" Text="Clear" /> 


<asp:Button ID="btnDisplay" 
runat="server" onclick="btnDisplay Click" 


Text="Display" /> 


<asp:HyperLink ID-"HyperLinkl" 
runat="server" ` 
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NavigateUrl="-/DisplayA11 


StudIn£ 
Informati 9-aSpx"5p, 
students ation</asp: Hyperini?” >Display All 
</center></tgs 
</tr> ^ 
«/table» 

«/div» > 

</form> 
</body> 
</html> 
pefault.aspx.cs: 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
using System.Data; 

using System.Data.SqlClient; ` 
using System.IO; 

public partial class Default : System.Web.UI.Page 
( 


SqlConnection cn = new SqlConnection ("Data 
Source=. \\SQLEXPRESS; At tachDbFilename=|DataDirectory|\\Dat 
abase.mdf; Integrated Security-True;User Instance=True") ; 


//static int recptr = 0; 

static DataTable dt = new DataTable(); 
SqlDataAdapter da = new SqlDataAdapter (); 

DataSet ds = new DataSet (); 

Protected void Page Load(object sender, EventArgs e) 
{ 

} 


ea 


` 
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protected void ptnsubmi 

EventArgs e) 
( 


h Click (object sender, 


E d in table . 
niletpioadl savers (Server. MapPath ("~/images/") + 
Path.GetFileName (FileUploadi. FileName) )¢ 

string img = "images/" + . 
Path.GetFileName (FileUploadl.FileName); 
string str; 


cn.Open () ; " 
str = "insert into product degree i 1 + Wh oe 
txtpcode.Text + non + txtname.Text + j r + a ar " 
+ txtprice.Text + "', '" + txtdescription.Text + "^, " + 


txtcatname.Text + ")"; 
SqlCommand cmd - new SqlCommand(str, cn); 


cmd.ExecuteNonQuery(); 

cn.Close(); 

lblMessage.Visible = true; 

Imagel.ImageUrl - "images/" * 
Path.GetFileName (FileUpload1.FileName) ; 


} 


protected void btnDisplay Click (object sender, 
EventArgs e) . 
( 
String str; 
cn.Open(); 
str = "select * from product where rno=" + 
txtpcode.Text; 
SqlCommand cmd = new SqlCommand(str, cn); 
SqlDataReader dr; 
dr = cmd.ExecuteReader(); 
if (dr.Read()) 
( 
txtpcode.Text = dr[0].ToString(); 
txtname.Text - dr[1].ToString(); 


CC- 
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Imagel, opment. 
extprlce tee "drops NO eaa 
txtdescript; 5 dr[3].Tos zn 
txtcatname m = drí Pd 
) RSEN deS] M 
cn.Close(); 
) 
) 
DisplayAllInfo.aspx: 
Page Langu ="Cgn 
CadeFile-"DisployAlin, AU toEventiireup="true" 


1 1 dInfo.as " 
Inherits-"DisplayAllStudInfo" +> ` ° 


<!DOCTYPE html PUBLIC "-//W 
Transitional//EN" "http 
transitional.dtd"> 


3C//DTD XHTML 1.0 
nia W3 org TR/ xhtml 1 /DTD/xhem11- 


«html xmins-"http://www.w3.0org/1999/xhtm]"» 
«head runat="server"> 


<title></title> 

</head> 

<body> 
“<form id-"forml" runat="server"> 
<div> ` 


<asp:GridView ID="GridViewl" runat="server" 
AutoGenerateColumns="False" 


CellPadding-"4" DataKeyNames="rno" 
DataSourceID-"SqlDataSourcel" 


AllowPaging="True" BackColor-"White" 
BorderColor-"4CC9966" BorderStyle-"None" 


BorderWidth="1px"> 
<Columns> 


<asp:BoundField DataField="pcode" 
HeaderText="Product Code" ReadOnly="True" 


SortExpression="pcode" /> 
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<asp:BoundField pataField="name 
HeaderText-"Product Name" i "^ 
SortExpression="name 


: 1 =" rice" 
<asp:BoundField DataField="P 


HeaderText="price" 


SortExpression-"price" /? | 
<asp:BoundField pataField="description" 
HeaderText="description" a 
SortExpression-"description /» 


«asp:BoundField DataField="Category" - 
HeaderText="Category" E" 
SortExpression-"Category" /> 
<asp:ImageField DataImageUrlField="photo" 
HeaderText="Product Image"> 

<ControlStyle Height="100px" 
Width="100px" /> 
</asp:ImageField> 
</Columns> 
<FooterStyle BackColor="#FFFFCC" 

ForeColor="#330099" /> 

<HeaderStyle BackColor="#990000" Font- 
Bold="True" ForeColor="#FFFFCC" /> 

<PagerStyle BackColor="#FFFFCC" 
ForeColor-"4330099" HorizontalAlign-"Center" /> 

«RowStyle BackColor-"White" 
ForeColor="#330099" /» 

«SelectedRowStyle BackColor="#FFCC66" Font- 
Bold="True" ForeColor="#663399" /» 

<SortedAscendingCellStyle BackColor="#FEFCEB" /> 

<SortedAscendingHeaderStyle 

BackColor-"fAF0101" /> 
<SortedDescendingCellStyle BackColor="#F6FOCO" /> 
. <SortedDescendingHeaderStyle 
BackColor="#7E0000" /» 
</asp:GridView> 
<asp:SqlDataSource ID="SqlDataSourcel" 

runat="server" 
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Connectionstringan Opment. 1 


j (U 
connect ionStrings:Connectionstin iag Caj: — o 


SelectCommand=" ring %>" 
" ES à 
[product] ></asp:SqlDataSourcen T FROM 

</div> 

</form> 
</body> 
</html> 
Program : 6 
Create two tables Doctor and Pati 

ent. D 
Sat view, Whenua es T atas or tontor a 
isplay the de of all patien ; d view 

view. P ts of that doctor in second grid I 


Default.aspx: 


<%@ Page Language="C#" AutoEventw; 
x tWir =" " 
CodeFile-"Default.aspx.cs" Paleeidece” aes 


" Default" 3» 
<!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 


Transitional//EN" "http://www.w3 
transitional.dtd"» -9rg/TR/xhtm11/DTD/xhtm11- 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 


<title></title> 

</head> 

<body> 
«form id="forml" runat="server"> 
<div> 


<asp:GridView ID="GridViewl" runat="server" 
AllowPaging="True" 


AllowSorting="True" 
AutoGenerateColumns="False" DataKeyNames-"doctorid" 


DataSourceID="SqlDataSourcel"> 
<Columns> 
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«asp:CommandField showSelectBu > 
«asp:BoundField DataField-"doctori 


HeaderText-"doctorid" ReadOnly-"True id" /> 
sortExpression="doctor+ 


i i ="doctorname" 
<asp:BoundField DataField 


HeaderText="doctorname" 


SortExpression-"doctorname" [> 


</Columns> 
</asp:GridView> " 
<asp:SqlDataSource ID-"SqlDataSource 


runat="server" 
ConnectionString="<%$ 
ConnectionStrings:ConnectionString %>" 
SelectCommand="SELECT * FROM 
[doctor]"></asp:SqlDataSource> 
<br /> 
<asp:GridView ID="GridView2" runat="server" 
AllowPaging="True" 
AllowSorting="True" 
DataSourceID="SqlDataSource2"> 
<Columns> 
<asp:CommandField ShowSelectButton="True" /> 
</Columns> 
</asp:GridView> 
<asp:SqlDataSource ID="SqlDataSource2" 
runat="server" 
ConnectionString="<%$ 
ConnectionStrings:ConnectionString %>" 
SelectCommand="SELECT FROM patient INNER JOIN 
doctor ON patient.doctorid = doctor.doctorid"> 
</asp:SqlDataSource> 
</div> 
</form> 
</body> 
</html> 
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program : 7 Usinge — 
write C#.NET code for follo 
other ACL classes: 

e Registration page 

e Login Form 

» Page to add user in the specific role 
e List all user details in the GridView 


us 
wing ing membership ang role and 


web.config : 
<?xml version-"1.0"?» 
<13 


For more information on how to confi 
. s ure 
application, please visit i w. SENE 


http://go.microsoft.com/fwlink/?LinkId=169433 
--> 
<configuration> 
«system.web», . 
«authentication mode="Forms"/> 
«compilation debug="true" targetFramework="4.0"/> 
<profile enabled="true"> 
<properties> 
<add name="Fname"/> 
«add name="FClr"/> 
<add name="ProfilePic"/> 
</properties> 
</profile> 
</system.web> 
</configuration> 


Default.aspx : 


«$0 Page Language="C#" AutoEventWireup="true" 
CodeFile="Default.aspx.cs" Inherits="_Default" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll- 


transitional.dtd"» 


—— 
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iion Develop 
CC-301 Web Application 99/xhtml"^ 


<html xmlns="http: //www.w3.org/19 

<head runat="server"> 
<title></title> 

</head> ` 

<body> 
<form id="forml" runat="server 
<div> 


"> 


Welcome, f 
<asp:LoginName ID-"LoginNamel" 
«br /» 
<asp:LoginStatus ID- 

«/div» 

<asp:Label ID-"Labell" runat-"server" 

Text-"Label"»«/asp:Label» 

«/form» 

<p> 


<a 
href£="SecurePage/ProfilePage.aspx">ProfilePage.aspx</a></p 


> 
</body> 
</html> 


runat="server" /> 


"LoginStatusl" runat="server" /> 


Login.aspx : 
<%@ Page Language="C#" AutoEventWireup-"true" 
CodeFile-"Login.aspx.cs" Inherits-"Login" %> 


«!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtm11/DTD/xhtmll- 


transitional.dtd"» 


<html xmlns-"http://www.w3.org/1999/xhtml"» 
«head runat="server"> 
«title»«/title» 
«/head» 
<body> 
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<form id-"forml" runatam. 9Pment- [ (Urin Cn, 
<div> VPENGINS ° — n O. 


<asp:Login ID="Loginin 
packcolor="#F7F7DE" BorderColor 
BorderStyle-"so]iqw 
Names-" Verdana" Font-Size="1Qp¢n 
<TitleTextStyle B 


ru = 
ñat="seryerw 


="#CCCCogn 


Bordergiq- 


> h-"lpz" Fo 


nt- 


ackColor=" #6B6958" 


pold="True" ForeColor-"£FFFFpp« /> Font- 
«/asp:Login» 
«br /» 
«a href-'"SignUP.aspx"»c; 
-QSpx"»SignUP.a : 
E SPx</a></diy> 
</pody> 
</ntml> 
Signup.aspx: 


<%@ Page Language="C#" AutoEventWireup-"true" 
CodeFile-"SignUP.aspx.cs" Inherits-"SignUP" i» 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 


Transitional//EN" "http://www.w3.org/TR/xhtml 
.w3. i _ 
transitional.dtd"> m11/DTD/xhtm11 


«html xmlns-"http://www.w3.0rg/1999/xhtml"» 
«head runat="server"> 


«title»«/title» 
<style type="text/css"> 
.Stylel 


{ 
width: 100%; 

) ' 

.Style2 

{ $ 
height: 20px; 
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) : 
</style> 
</head> 
<body> 
<form id-"forml" runat="server"> 
<div> 
"CreateUserWizardl" 


«asp:CreateUserWizard ID- 
runat="server" BackColor="#F7F7DE" 
BorderColor="#CCCC99" BorderSty 
BorderWidth-"lpx" 
Font-Names-"Verdana" Font-Size- 


Height-"223px" 


le-"Solid" 


"10pt" 


oncontinuebuttonclick-"CreateUserWizardl ContinueButtoncli 


ck" 
onfinishbuttonclick-"CreateUserWizardl FinishButtonClick" 
Width="335px"> 
«ContinueButtonStyle BackColor="#FFFBFEF" 
BorderColor="#CCCCCC" 
BorderStyle="Solid" BorderWidth="1px" 
Font-Names-"Verdana" i 
ForeColor="#284775" /> 
<CreateUserButtonStyle BackColor="#FFFBFF" 
BorderColor="#CCCCCC" 
BorderStyle-"Solid" BorderWidth-"lpx" 
Font-Names-"Verdana" 
ForeColor="#284775" /» 
«TitleTextStyle BackColor-"f6B696B" Font- 
Bold-"True" ForeColor="#FFFFFF" /» 
<WizardSteps> 
<asp:CreateUserWizardStep runat="server" /> 


<asp:WizardStep runat="server" 
Title="Personal Info:"> 
<table class="stylel"> 
<tr> 
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«td» 
" « . 
yunat* Server ></asp:TextBox> — PiTextBox ID="TextBox1 
G xl" 
</td> 
<td> 
&nbsp;</td> 
</tr> 
<tr> 


Fav Color:</td> 
<td class="style2"y 


<asp:T = 
runat="server"></asp:TextBox> P:lextBox ID="TextBox2" 


</td> 
<td class="style2"> 
</td> 
</tr> 
<tr> 
<td> 
Profile Picture:</td> 
<td> 


<asp:FileUpload 
ID-"FileUploadl" runat="server" /> 


</td> 
<td> 
&nbsp; </td> 
</tr> 
</table> 
</asp:WizardStep> 
<asp:CompleteWizardStep runat="server" /> 
</WizardSteps> 
<HeaderStyle BackColor="#6B696B" Font- 
Bold="True" ForeColor="#FFFFFE" 
2195 ae 


CC-301 Web Application Developme— 7 > 
HorizontalAlign-"Center = 
<NavigationButtonStyle BackColor= 
BorderColor="#CCCCCC" 
BorderStyle-"Solid" 
Font-Names-"Verdana" 
ForeColor="#284775" [> f 
<SideBarButtonStyle porderWidth= 
Names="Verdana" 
ForeColor="#FFFFFF" /? 
<SideBarStyle BackColor="#7C6F57" 
BorderWidth="0px" Font-Size-"0.9em" 
VerticalAlign-"Top" /? 
«StepNavigationTemplate? 
<asp:Button ID-"StepPreviousButton" 
runat="server" BackColor="#FFFBFF" 
BorderColor="#CCCCCC" 
BorderStyle="Solid" BorderWidth="1px" 
CausesValidation="False" 
CommandName="MovePrevious" Font-Names="Verdana" 
ForeColor="#284775" Text="Previous" /> 
<asp:Button ID="StepNextButton" 
runat="server" BackColor-"f£FFFBFF" 
BorderColor="#CCCCCC" 
BorderStyle-"Solid" BorderWidth-"lpx" 
CommandName="MoveNext" Font- 
Names-"Verdana" ForeColor="#284775" Text-"Next" /> 
</StepNavigationTemplate> 
<StepStyle BorderWidth="0px" /> 
</asp:CreateUserWizard> 
<br /> 


"#FFFBFF" 


BorderWidth-"lpx" 


"0px" Font- 


</div> 

</form> 
</body> 
</html> 


I(UsingC) ————_ 
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profilePage-aspx : v = F cog 


«$6 Page Language-"Ci" autog,, 
GodeFile-"ProfilePage.aspz cus Ii UP true 


Inherits-"SecurePage Profilepage, %> 


<!DOCTYPE html PUBLIC "-//W 
qransitional//EN" "http; 
transitional .dtd"» 


H 3C//DTD XHTML 1.0 
*wwsW3.org/TR/xhtm11/DTD/xhtm11- 


«html xmlns-"http://www.w3.0rg/1999/xhtm]"s 
chead runat="server"> 


<title></title> 

</head> 

<body> 
<form id-"forml" runat="server"> 
<div> 


First Name: 


<asp:TextBox ID="TextBoxl1" 
runat="server"></asp:TextBox> 

<br /> 

Fav. Color: 


<asp:TextBox ID="TextBox2" 
runat="server"></asp:TextBox> 


<br /> 
<br /> 


«asp:Image ID="Imagel" runat="server" 
Width="200px" /> 


</div> 

</form> 
</body> 
</html> 
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Program : 8 
Design a webpage which allow user to pere rental Im 
Update and Delete record operation to pu N D Previa 
ADO.NET code.Also provide to see First, Last, Ouse 
record in textbox. 


Default.aspx: 
<$@ Page Language="C#" 
CodeFile="Default.aspx.cs 


AutoEventWireup-"true" 
" Inherits-" Default" $2» 


1.0 ; 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 
Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml]- 


transitional.dtd"» 


<html xmins-"http://www.w3.0rg/1999/xhtml"» 
«head runat="server"> 


<title></title> 

</head> 

<body> 
<form id="forml" runat="server"> 
<div> 


<asp:GridView ID="GridViewl" runat="server" 

CellPadding="4" ForeColor="#333333" 

GridLines="None"> 

<AlternatingRowStyle BackColor="White" /> 

<EditRowStyle BackColor-"42461BF" /> 

<FooterStyle BackColor="#507CD1" Font- 
Bold="True" ForeColor="White" /> 

<HeaderStyle BackColor="#507CD1" Font- 
Bold="True" ForeColor="White" /> 

<PagerStyle BackColor="#2461BF" 
ForeColor-"White" HorizontalAlign-"Center" /> 

«RowStyle BackColor="#EFF3FB" /» 

«SelectedRowStyle BackColor="#D1DDF1" Font- 
Bold-"True" ForeColor="#333333" /> 

<SortedAscendingCellStyle BackColor="#F5F7EB" /? 
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<SortedAscendingteaderse 1 1 (Using Ce) 

= ` v—OƏOIW 

<SortedDescendingcei1¢,, : ü UACkColors"g6D95F] " 
<SortedDesce discus 4 


" Col " 
ndi or= $E9 " 
packColor="#4870BE" /> ngHeadersty) EBEF" /> 


e 
</asp:GridView> 
<br /> 
<asp:Label ID-"Labe]i" 
No:"></asp:Label> 
<asp: TextBox ID="txtrno" 
runat="server"></asp:TextBox> 
<br /> 
<asp:Label ID="Label2" 
Text="Name:"></asp: Label> 
<asp:TextBox ID="txtname" 
runat="Server"></asp:TextBox> 
<br /> 
<asp:Label ID="Label3" runat="server" 
Text="City:"></asp:Label> 
<asp:TextBox ID="txtcity" 
runat-"server"»«/asp:TextBox» 
<br /» 
«asp:Button ID-"btninsert" runat-"server" 
onclick-"btninsert Click" 
Text-"Insert" /» 


runat-" T 
Ser Jer" Text-"no1i 


runat-"seryer" 


<asp:Button ID-"btnupdate" runat="server" 
onclick-"btnupdate Click" 
Text-"Update" /» 
<asp:Button ID="btndelete" runat="server" 
onclick-"btndelete Click" 
Text="Delete" /> 


<asp:Button ID="btnSelect" runat="server" 
onclick-"btnSelect Click" 
Text="Select" /» 


(waw 
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<br /> " 
i " ="server 
<asp:Button ID-"btnFirst runat 
Text-"First" 
k" /? 


onclick-"btnFirst Clic 


"ptnNext" runat= 
k" /> 
" runat-"server" 


n " 

<asp:Button ID= server 

Text-"Next" onclick="btnNext_Clic 

<asp:Button ID-"btnPrevious 
Text-"Previous" f 

onclick-"btnPrevious Click" [> : 

"btnLast" runat-"server 


<asp:Button ID- I> 


Text="Last" onclick="btnLast_Click" 


</div> 
</form> 
</body> 
</html> 
Default.aspx.cs: 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Data; 
using System.Data.SqlClient; 


public partial class Default : System.Web.UI.Page 
( 


SqlConnection cn = new SqlConnection ("Data 
Source-.NMSQLEXPRESS; AttachDbFilename=|DataDirectory| \\Dat 
abase.mdf; Integrated Security-True;User Instance=True") ; 

static int recptr = 0; 

static DataTable dt = new DataTable(); 

SqlDataAdapter da = new SqlDataAdapter(); 
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pataSet ds = new DataSet(); 
protected void Page Load(object S 
| ender, EventArgs e) 
//select record (display) Tecord fro 

m table to 


gridview 
if (!IsPostBack) 


{ 
recptr = 0; 
fillTextbox(); 
fillGrid(); 


) 
public void fillGrid() 


( 

//select record(display record from table 
cn.Open (); 2 

ane S ee SqlCommand ("select * from 
da.SelectCommand = cmd; 
da.Fill (ds); 
GridViewl.DataSource = ds.Tables[0]; 
GridViewl.DataBind(); 
cn.Close(); 


) 


public void clearTextbox() 
{ . 
txtrno.Text = ""; 
txtname.Text = ""; 
txtcity.Text = 


"t, 
, 


) 

protected void btninsert_Click(object sender, 
EventArgs e) 

( 


// insert record in table 
——A'A— Computer World Publication 
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String str; 
cn.Open(); mo + txtrno.Tex 
str = "insert into student values ( t + "')"; t 


pi cu + txtcity.TeX 


+ "f! t" + txtname.Text + | 
| new sqlcommand (str, cn); 


SqlCommand cmd = 
cmd.ExecuteNonQuery () i 


cn.Close(); 
fillGrid(): 


protected void btnupdate Click (object sender, 


EventArgs e) 
( 
// Update record in table 
String str; 
cn.Open () ; 
str = "update s 
"' city='" + txtcity.Text 
SqlCommand cmd = new SqlCommand (str, cn); 
cmd.ExecuteNonQuery () ; 
cn.Close(); 
£i11Grid(); 
clearTextbox(); 


tudent set name-'" + txtname.Text + 
+ "' where rno-" + txtrno.Text ; 


) 
protected void btndelete_Click(object sender, 
EventArgs e) 


( 
//Delete record from table 


String str; 
cn.Open () ; 
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ete from stude I (Using 
xtrno. Text; nt where rno=" 
SglCommand cmd = nay S 
cmd. ExecuteNonQuery () ; 
cn.Close(); 
fillGrid(); 


clearTextbox(); 


t + 


IlCommand (str, ai 


} 
protected void btnSelect Click 
gventArgs e) i 


{ 


(object sender, 


//select record (dig 
play) 
Textbox Y) record from table to 


String str; 
cn.Open(); 


str = "select * from stud 
ent wh - 
txtrno.Text; ere rno 


" + 
SqlCommand cmd = new SqlCommand(str, cn); 
SqlDataReader dr; | 
dr=cmd.ExecuteReader () ; 
if (dr.Read()) 
{ j 
txtrno.Text = dr[0].ToString(); 
txtname.Text = dr[1].ToString(); 


txtcity.Text - dr[2].ToString(); 


cn.Close(); 


) 
public void fillTextbox() 
( 


dt.Clear(); 


da = new SqlDataAdapter("select * from student", cn); 
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nt- 
— _ CcC-301 Web Application Developme 
| a .Tostring():; 
Et - dt rows [recptr] [0] 
xtrno. = . 


cz] (11.ToString(); 


g ac.Rows[re "| 0) gostring() 


txtname.Text = 
txtcity.Text = dt .Rows [recP 
: nder, EventArgs e 
: ted void btnFirst click (object S r ) 
protecte 3 
{ 
recptr = 0; 
f£illTextbox () 


} 
protected void btnNext C 


( 


lick(object sender, EventArgs e) 


- 1) 
if (recptr < dt.Rows.Count 


( 
recptrt+; 
fillTextbox (); 


) 


protected void ptnPrevious Click (object sender, 


EventArgs e) 
( 
if (recptr > 0) 
( 
recptr--; 
fillTextbox():; 
) 
) 
protected void ptnLast Click(object sender, EventArgs e) 
{ 
recptr = dt.Rows.Count - j; 
fillTextbox(); 


—  — qr 
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pesign a webform to enter 

EmpCode, Name, Address D new Employe 

EmpCode should be autom Code, Statzcs talls includes 
10 and so on. When user erated ike CityCode. 

for to View State, City and 


D ç 
and fetch codes based on u ePartment from the I opDownList 


Sers 
putton store these details in the Ephes Dn the Click of the ins 
le. ert 


Default.aspx: 
«$80 Page Language="C¥#" 
CodeFile-"Default.aspx. 


š Development. 


AutoEventWire 


up=" " 


=" Default" %> 
<!DOCTYPE html PUBLIC "-//qw 


Transitional//EN" "http: 
transitional.dtd"> 


// 3C//DTD XHTML 1.0 
MH -W3 .org/TR/xhtml1/DTD/xhtm1]- 


«html xmlns="http://www.w3.org/1999/xhtmi"> 
<head runat="server"> 


<title></title> 
<style type="text/css"> 
.Stylel 


{ 
width: 100%; 
} 


.style2 
{ 
} 
</style> 
</head> * 
«body» 


«form id-"forml" runat="server"> 
«table class-"stylel"» 
` <tr> 


std class="style2"> 
Employee Code:</td> 
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" 
«asp: TextBox ID-"TextBoxl 


runat="server"></asp: TextBox? 
</td> 
</tr> 
<tr> 
<td class="style2"> 
Employee Name : </td> 
<td> 
<asp:TextBox ID= 
runat="server"></asp:TextBox> 
</td> 
</tr> 
<tr> 
«td class="style2"> 
Address:</td> 
<td> 
<asp:TextBox ID= 
Height="63px" TextMode-"MultiLine 
«/td» 
«/tr» 
«tr» 
<td class="style2"> 
Select Department:</td> 


"TextBox2" 


"TextBox3" runat-"server" 
"></asp:TextBox> 


<td> 
<asp:DropDownList ID-"DropDownListl" 


runat="server"> 
</asp:DropDownList> 


</td> 
</tr> 
<tr> 
<td class="style2"> 
Select State:</td> 


<td> 
«asp:DropDownList ID-"DropDownList2" 


runat="server"> 
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asp:DropDownT;.. C (Uri 
</td> nList, gc) — 


</tr> 
<tr> 
<td Class="stylegny 
Select ci 
ty: 
<td> wity:</td> 


<asp:Dro i 
runat="server"> pDownList ID=" DropDo 
wnList3» 


</asp:Dro 
: pDownLi 
i nList» 
«ftr» 
«tr» 

«td Class-"style2" Colspan-"2", 


: <asp:Butt - 
Text-"Submit" /» on ID="Button1" runat="se 
="Server" 


<asp:Butt =n 
Text="Cancel" /> on ID="Button2" 


</td> 
</tr> 
</table> 
<div> 


runat="server" 


</div> 

</form> 
</body> 
</html> 


Default.aspx.cs: 
using System; 
using System.Coliections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
Ws 
ui. System.Web.UI.WebControls; 
using System.Data; 


= 
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using System.Data.SqlClient; B S ECD SEE ein 
String Str3 <= w 
.UI.Page id-1"; 
public partial class Default system.Web ge. si 
( — cmd = ney SqlCo 
ion ("Data dr = cmd.Ex 
SqlConnection cn - new Sqliconnection ; : ‘ecuteRead 
Sources \\SOLEXPRESS; AttachDbFilename= | pata e An a while (dr.Read()) er(); 
abase.mdf; Integrated Security-True; User Ins )s ( 
SqlCommand cmd; DropDownList3 
š .It 
SqlDataAdapter da - new SglDataAdapter () ; . ) Br restr 
DataSet ds = new DataSet ()i cn.Close(); Vi 
ender, EventArgs e) ) 


protected void page_Load (object S 
( 
if (!IsPostBack) ) 


{ 
protected void 


propDownList2_SelectedIndexchan 
EventArgs e) 


cn.Open () ; 
DropDownListl.Items.Clear(); 


"select * from department"; ged(object sender, 


String str - 
cmd - new SqlCommand(str, cn); ; ( 
SqlDataReader dr- cmd.ExecuteReader () ; cn.Open(); 
while (dr.Read()) DropDownList3.Items.Clear(); 
( String str = "select * fr š 

; : : om 

DropDownListl.Items.Add (dr[1].ToString()); c.sid-s.sid and s.name-'" + City c,state s where 
) DropDownList2.SelectedItem.ToString() + "in, 
cn.Close(); cmd = new SqlCommand(str, cn); 
DropDownList2.Items.Clear(); SqlDataReader dr = cmd.ExecuteReader(); 
cn.Open () ; . while (dr.Read()) 
{ 


String str2 = "Select * from state"; 


cmd = new SqlCommand(str2, cn); 
SqlDataReader dr2 = cmd.ExecuteReader () ; 


while (dr2.Read()) 


DropDownList3.Items.Add(dr[1].ToString()); 
) 
cn.Close(); 


) 


"d 
DropDownList2.Items.Add (dr[l] .Tostring()); protected void Buttonl Click (object sender, EventArgs e) 
( 


) 
cn.Close(); 
cn.Open () ; 
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cn.Open(); 
Int32 sid, citycode, deptcode; 


———n 
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String str = "select citycode i "tis 
cityname-'" + DropDownList3.SelectedIte 
cmd = new SqlCommand(str, Cn); 


lar : 
citycode = convert .ToInt32 (cmd. Executesca "d 


cn.Close(); 


cn.Open(); 
String str2 = "select deptcode e AR 
where deptname-'" + DropDownListl.Selecte 


cmd = new SqlCommand (str2, cn); 


deptcode - Convert.ToInt32 (cmd. ExecuteScalar ()); 


cn.Close(); 
cn.Open(); 
String str3 - "select sid from state where 
sname-'" 4 DropDownList2.SelectedItem * ; 

cmd = new SqlCommand (str3, cn); 

sid = Convert.ToInt32 (cmd.ExecuteScalar()); 
cn.Close(); 
cn.Open(); 
String empcode = 


"M. 
[4 


String str4 - "select max(empcode) from employee"; 


cmd = new SqlCommand(str4, cn); 
empcode - Convert.ToString(cmd.ExecuteScalar ()); 
cn.Close(); 
if (empcode -- "") 
( 
empcode = ."E001"; 
) 
else 
( 
Int32 newcode; 


š newcode = 
Convert.ToInt32(empcode.Substring(1)); 


newcode += 1; 
if (newcode.ToString().Length < 2) 
{ 
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Pment- 
empcode = "pog, p I (Using TAN 
} ewcode; 
else 
{ 
SHCOSE =- pyk a nevcode; 


) 


cn.Open(); 


String str5 - "insert into 
empcode * "!,'" + TextBox2.Text +7" 
wt, t" + deptcode + "','" + citycode 


cmd = new SqlCommand(strZ 
Response.Write (str5); 
emd.ExecuteNonQuery () ; 
cn. Close () ; 
Response.Write ( 


employee values ('" + 


' 
, W: + TextBox3 Text + 
$ (OI + sid + nijn, 
r Cn); Í 


"Record saved Successfully"); 


program : 10 

Create four tables as given: 

|° Customer (CustomerCode, Name, Address) 

° Product (ProductCode, ProductName, Price, Qty) 

* SalesMaster (InvoiceNumber, CustomerCode, DateofInvoice| 

* SalesDetails (InvoiceNumber, ProductCode, Qty, UnitPrice) 
Design a webpage to generate Invoice details in which Customer 
name, Product name, and Line total (Unit price * Quantity) is 
shown using FormView and GridView. 


Invoice.aspx: 


«$8 Page Language="C#" AutoEventWireup="true" 
CodeFile-"Invoice.aspx.cs" Inherits-"Invoice" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtmll- 
transitional.dtd"» 
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<html xmins="http: //www.w3.0rg/19 
<head runat="server"> 


99/xhtml"? 


<title></title> 

<style type="text/css"> 
.Stylel 
{ 


width: 100%; 
} 
-style2 
{ 
width: 357px; 
height: 123px; 
) 
-style3 
{ " 
height: 25px; 
) 
.style4 
{ 
height: 123px; 
} 
</style> 
</head> 
<body> 7 
«form id-"forml" runat="server"> 
<div> 
<asp:Label ID-"Labell" runat="server" 
Text="Generate Invoice"></asp:Label> 
<br /> 


Order Id:<asp:Label ID="Label2" runat="server" 


Text="Label"></asp:Label> 
<br /> 
«asp:Panel ID="Panell" runat="server"> 
«table class-"stylel" border="1"> 
«tr» 


ment- I (Using C#) 
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<td Siia ud (Uzing 


lass="style3"> text- CA) ƏI 
c ali n cen 
2 ter" 
Retail tavas 
</tr> Invoice</tas 
«tr» 
«td» 
Order gs. 
runat="Server"></asp: Labels Didi Sasp:Label ID="Label 
eli" 
<br /> 
Order p oa 
runat="server"></asp: Labels ate:-«asp:Label ID-"Lape]4^ 
«br /> 


<asp:Button ID= 


runat="server" BackColor="#FFPF99" "btnDownload" 


Height="47px" 
Text="Download Invoice" /> one ieke"benDounload Clicks 
«/td» 
</tr> 
<tr> 
<td> 
<table Class-"style]" border="1"> 
«tr» 
«td Class="style2"> 
Buyer Address:<br /? 


«asp: = 
runat-"server"»«/asp:Label» asp:label ID-"Labels" 


«/td» 
<td class="style4"> 
Seller Address:<br /> 


` <asp:Label ID=" " 
runat="server"></asp:Label> p RE TOT DELG 


</td> 
</tr> 
</table> 
</td> 


A aa RR 
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«tr» 


«td» 
«asp:GridView ID- : 
runat-"server" Height-"190px" Width-"839px 


"GridViewl" 


AutoGenerateColumns-"False"» 


«Columns? 
<asp:BoundField 


DataField-"srno" HeaderText-"Sr. No."> 
«ItemStyle 


HorizontalAlign-"Center" /» 
</asp:BoundField> 


<asp:BoundField 
DataField="productid" HeaderText="Product Id"> 
<ItemStyle 


HorizontalAlign-"Center" /» 
</asp:BoundField> 


<asp:BoundField 


DataField="productname" HeaderText="Product Name 
.<ItemStyle 


"> 


HorizontalAlign="Center" /> 
</asp:BoundField> 


<asp:BoundField 


DataField="qty" HeaderText="Qty"> 
<ItemStyle 


HorizontalAlign="Center" /> 
: </asp:BoundField> 


<asp:BoundField 
DataField-"price" HeaderText="Price"> 
<ItemStyle 


HorizontalAlign="Center" /> f 
</asp:BoundField> 


<asp:BoundField 
DataField-"totalprice" HeaderText-"Total Price"> 
, <ItemStyle 
HorizontalAlign="Center" /> 
</asp:BoundField> 
</Columns> 
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" Gran 
runat="Server"></asp: Labels : Otal ASP abei I 
T D=" 


: Lap 
< s elim 
runat="server" “SP: FormViey ID-"p 
~ *OrmVieyi« 


onpageindexchanging="FormVievl PageInd 
— n exCha " - 
</asp: FormViews Nging"> 


j M Style="color: 
: s a Computer Generated 
nvoice and does not required 
e 


#FF0000">Declaration 


signature.</strong></td> 
</tr> 
</table> 
«/asp:Panel» 
«/div» 
«/form» 
</body> 
</html> 
invoice.aspx.cs 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
Seng System.Web.UI.WebControls; 
using System.Data; 


lr LL M 
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System.Data.SqlClient; 
System.IO; 
iTextSharp.text; 
iTextSharp.text.h 
iTextSharp.text.pdf; 


using 
using 
using 
using 
using 


public partial class Invoice : 
( 
String str; 
protected void Pag 


SqlConnection cn = 


system.We 


t (Using Cf), — — — — 


tml.simpleparser: 


e Load(object sender, 


= new SqlConnect 
me- | Da 


p.UI.Page 


EventArgs e) 


ion("Data 
taDirectory|\\Dat 


Source=.\\SQLEXPRESS; AttachDbFilena 
User Instance=True") ; 


abase.mdf; Integrated Security-True:; 
str = "select c.custname,P 
sd.qty as 'Total' from customer C, 


sm, salesdetail sd w 
sd.pcode=p.pcode and sm.custcode 


SqlCommand cmd = 
SqlDataAdapter da = 
DataSet ds - new DataSet (); 
da.Fill(ds); 

FormViewl.DataSource = 
FormViewl.DataBind(); 
GridViewl.DataSource 
GridViewl.DataBind(); 


lI 


) 


here sm.invoiceno= 


new sqlCommand(str, 
= new SqlDataAdapter (cmd) ; 


.pname, sd.unitprice * 
product p,salesmaster 
sd.invoiceno and 


=c.custcode"; 


cn); 


= ds.Tables[0]7 


ds.Tables[0]; 


protected void FormViewl PagelndexChanging (object 


sender, FormViewPageEventArgs e) 


{ 


FormViewl.PageIndex = e.NewPageIndex; š 
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October-2919 


BCA. Sem.y 
CC-301 Website Application Devel 


(New) Pment (WAD, 


Time: 2:30 Hours] 


1. (A) 


(B) 


2. (A) 


-m 
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Answer the following : 
(1) Explain features of IDE used to devel 
(2) Explain Label control with its pro, i 
control. ii 
OR i 
Answer the following: 
(1) Explain Application Configuration files in detail 
il. 


(2) Explain Panel control. Also specify how to 
, d 


control. dd a control at runtime in Panel 


Attempt the following: (any four) 


1 ; 
(1) pede Behind refers to the code for an ASP.NET Web i i 
script tag block in aspx file. (True / False) ae 
(2) CLR stands for 
(3) Literal control have 
type(s) of Mod 
x a es. (One/Two 
(4) ode property is used to specify how a TextBox control a 
the page. (True / False) ` ee 
5 "A : 
: cal directory contains compiled class file (.dil). (True / False) 
i i dien ^ which webpage sends data back to the same page on th 
er is calle i 
. (P 
Answer the following : ien di 
(1) . Explain the following methods with example : 
(a) QueryString | 
(b) Session 
(2) . Explain ImageMap control with its properties. 7 


OR 
. Answer the following 


(a) Explain FileUpload control with its properties. 
(b) Explain Calendar control with its properties. 


— ete MCCS 


(8) 


3. (A) 


(8) 


I (Using CÓ 


t- $ 
01 Web Application Developmen F | 
Attempt Following : (any four) m diobuttonlist is | 
(1) e Default value of RepeatDirection property in Ra | A 
i b) vertical 
(a) Horizontal p None 
(c) Both 
i ue / False) 
(2 Cookies are a small text file stored at Server side. j : E : | 
(3 The method redirects a request to a ipe sonic White | 
e . 
(a) Response.Redirect » sine 
(c) Request.Querystring mon 
f AdRotator Control. 
x: (a) AdFil (SEKE repete (b) Advertisement 
a We . . 
(c) Advertisementfile (d) prer ane 
(5) Items stored in Application state functions like globa 
application. (True / False) 
(6) ^ AutoPostBack property works with selectedindexChanged event. (True / (B) 
False) 
Answer the following : "u 
(1)  Listall navigation controls and explain SiteMapPath with example. ] 
(2 Explain howto create and manage Roles. 7 
OR 
(1) Explain CompareValidation control in detail with example. 
(2) Explain LoginView and LoginStatus control in detail. 
3 


Attempt the following: (any Three) : 


(1) 


(2) 


(3) 


- (4) 


control is used to display list of all validation errors in the web 


form. 

(a) CompanyValidator (b) Validationsummary 
(c) CustomValidation (d) All of above, 

To display different content to different users depending on the users ' 
authentication, control is used. 

(a) Login (b) LoginView 

(c) LoginStatus (d) LoginName 


We can Add and Edit records in FormView control. (True / False) 


control is used to retrieve password from Database. 
(b) Password Recovery 
(d) `, LoginView 
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(a) Login 
(c) ForgotPassword 
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(5) Master page acts as 
a template to 
other p 
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ages. (T rue / False) 


Answer the following : 


(1) 


(2) 


(1) 


(2) 


Explain Memebership class wi 
(i) CreateUser 
(ii) DeleteUser 


th following method; . ’ 


(ii) ^ GetAllUsers 
(iv) GetUser 
Explain ConnectionString with its following properti 
jes : 

OR 7 
Explain Command Obj ms 
: ject with its f : . 
(i) ExecuteNonQuery ollowing properties : 
(ii) ExecuteScalar 
(iii) ExecuteReader 


Explain Repeater Data Control with all its templates 


Attempt the following: (Any Three) 


(1) 
(2) 


(3) 


(4) 


(5) 


ee ee ee 
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DataAdapter act as a bridge b 
ge between DataSource a : 
nd DataSet. ( True / 
Fakse) 


DataReader interface provides Fast, connected and fo 


data. (True / False) rward only access to 


Method of ProfileMana 
ger class d : 
database. eletes all Inactive Profiles from 


(a) DeleteProfile 

(b) DeletelnactiveProfiles 
(c) DeleteProfiles 

(d) All of the above 


Namespace used to call MS-Access database is 
(a) System.OleDb (b) 
(c) System.Data.Oledb (d) 


System.Data 
System.OleDb.Data 


By Default, value of pagesize of Gridview control is 10. (True / False) 
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